<!DOCTYPE html>
<html lang="en" style="height: 100%">
  <head>
  <link rel="icon" type="image/png" href="{{ asset('build/images/logo/favicon.png') }}" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DROOOB</title>
    <!-- PACE-->
    <link rel="stylesheet" type="text/css" href="{{ asset('../plugins/PACE/themes/blue/pace-theme-flash.css') }}">
    <script type="text/javascript" src="{{ asset('../plugins/PACE/pace.min.js') }}"></script>
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('../plugins/bootstrap/dist/css/bootstrap.min.css') }}">
    <!-- Fonts-->
    <link rel="stylesheet" type="text/css" href="{{ asset('../plugins/themify-icons/themify-icons.css') }} ">
    <!-- Primary Style-->
    <link rel="stylesheet" type="text/css" href="{{ asset('../build/css/fourth-layout.css') }}">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://--> 
    <!--[if lt IE 9]>
    <script type="text/javascript" src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script type="text/javascript" src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body style="background-image: url({{ asset('../build/images/backgrounds/Background.png') }})" class="body-bg-full">
    <div class="container page-container">
      <div class="page-content">
        <div class="logo"><img src="{{ asset('../build/images/logo/LogoPNG.png') }}" alt="" width="80"></div>
        <section class="login_content">
        <form method="post">
        
        {% if error %}
                        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                    {% endif %}

                    {% if app.user %}
                        <div class="mb-3">
                            You are logged in as {{ app.user.email }}, <a href="{{ path('app_logout') }}">Logout</a>
                        </div>
                    {% endif %}
          <div class="form-group">
            <div class="col-xs-12">
              <input type="text" value="{{ last_username }}" name="email" id="inputUsername" placeholder="Email"  class="form-control" required autofocus>
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12">
                <input type="password" name="password" id="inputPassword" placeholder="Password" class="form-control" required>
                <input type="hidden" name="_csrf_token"
                           value="{{ csrf_token('authenticate') }}"
                    >
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12">
              <div class="pull-right"><a href="{{ path('sendemail') }}" class="inline-block form-control-static">Forgot a Passowrd?</a></div>
            </div>
          </div>
          <button type="submit" class="btn-lg btn btn-primary btn-rounded btn-block">Sign in</button>
           <ul class="login-more p-t-190">

						<li>
							<span class="txt1">
								Don’t have an account?
							</span>

							<a href="{{ path('registration') }}" class="txt2">
								Sign up
							</a>
               <a href="https://sites.google.com/view/droobpolicies/" target="_blank" class="txt2">
							Terms & Policies
							</a>
						</li>
					</ul>
        </form>
         </section>

      </div>
    </div>


    <!-- jQuery-->
    <script type="text/javascript" src="{{ asset('../plugins/jquery/dist/jquery.min.js') }}"></script>
    <!-- Bootstrap JavaScript-->
    <script type="text/javascript" src="{{ asset('../plugins/bootstrap/dist/js/bootstrap.min.js') }}"></script>
    <!-- Custom JS-->
    <script type="text/javascript" src="{{ asset('../build/js/fourth-layout/extra-demo.js') }}"></script>
  </body>
</html>