{% extends 'layout/frontEndLayout.html.twig' %}

{% block title %}Bethesda Sign in {% endblock %}

{% block body %}
 <div class="container-fluid px-1 px-md-5 px-lg-1 px-xl-5 py-5 mx-auto">
    <div class=" border-0">
        <div class="row d-flex">
            <div class="col-lg-6">
                <div class="card1 pb-5">
                   <div class="row"> <img  src="{{ asset('assets/images/logo2.png') }}" class="logo"> </div>
                    <div class="row px-3 justify-content-center mt-4 mb-5 border-line"> <img src="{{ asset('assets/images/BethesdaLogo.gif') }}" class="image"> </div>
                </div>
            </div>
            <div class="col-lg-6">
                {% if error %}
                <div class="alert alert-danger">{{ error.message }}</div>
                {% endif %}
                <div class="card2 card border-0 px-4 py-5">

                    <!--<div class="row mb-4 px-3">
                        <h6 class="mb-0 mr-4 mt-2">Sign in with</h6>
                        <div class="facebook text-center mr-3">
                            <div class="fa fa-facebook"></div>
                        </div>
                        <div class="twitter text-center mr-3">
                            <div class="fa fa-twitter"></div>
                        </div>
                        <div class="linkedin text-center mr-3">
                            <div class="fa fa-linkedin"></div>
                        </div>
                    </div>
                    <div class="row px-3 mb-4">
                        <div class="line"></div> <small class="or text-center">Or</small>
                        <div class="line"></div>
                    </div> -->
                    <form  method="post" action="{{ path('app_login') }}" role="form" class="form-horizontal">
                        <div class="row px-3"> <label class="mb-1">
                                <h6 class="mb-0 text-sm">Email Address</h6>
                            </label> <input class="mb-4" id="email"  autocomplete="email"  name="email" placeholder="Enter a valid email" type="email" value="{{ last_username }}" required autofocus </div>
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                        <div class="row px-3"> <label class="mb-1">
                                <h6 class="mb-0 text-sm">Password</h6>
                            </label> <input  type="password" name="password" placeholder="password" id="password" autocomplete="current-password" required> </div>
                        <div class="row px-3 mb-4">
                            <div class=" col-sm-4 form-group custom-control custom-checkbox custom-control-inline"> 
                                <input id="remember_me" type="checkbox" name="_remember_me" class="custom-control-input"> 
                                <label for="remember_me" class="custom-control-label text-sm">Remember me</label> 
                            </div> 
                            <div class="col-sm-4"> <button type="submit" class=" fw-bold text-uppercase btn btn-blue text-center">Login</button> </div>
                            <div class="col-sm-4">
                                <a href="{{ path('app_forgot_password_request') }}"  type="submit"  class="btn btn-warning btn-sm">Forgot Password?</a>
                            </div>
                        </div>
                    
                        <div class="form-group">						
                                    <div class="col-sm-6 alert alert-warning text-center" role="alert"> <small class="font-weight-bold">Don't have an account? <a  class="alert-link btn" href="{{ path('app_register')}}">Register</a></small> </div>
                        </div>

              
              
              
                
                </form>
                </div>
            </div>
        </div>
       
    </div>
</div>

{% endblock %}