{% extends 'base.html.twig' %}

{% block title %}Log in!{% endblock %}

{% block body %}

    <!-- breadcrumb area start -->
    <div class="breadcrumb-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-wrap text-center">
                        <h2 class="breadcrumb-title">SPRINT & SPORTS | {% trans %}Connexion{% endtrans %} </h2>
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ path("index") }}">{% trans %}Accueil{% endtrans %}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{% trans %}Connexion{% endtrans %}</li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end -->

    <!-- login register wrapper start -->
    <div class="login-register-wrapper pt-98 pb-98 pt-sm-60 pb-sm-60">
        <div class="container">
            <div class="member-area-from-wrap">
                <div class="row">
                    <!-- Login Content Start -->
                    <div class="col-lg-12">
                            <h2>{% trans %}Connexion{% endtrans %}</h2>
                            <form method="post">
                                    {% if error %}
                                        <div class="alert alert-danger align-content-center">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                    {% endif %}

                                    {% if app.user %}
                                        <div class="mb-3">
                                            You are logged in as {{ app.user.userIdentifier }}, <a
                                                    href="{{ path('app_logout') }}">Logout</a>
                                        </div>
                                    {% endif %}
                                    <div class="col-lg-6 ">
                                        <label for="inputEmail">{% trans %}Email{% endtrans %}</label>
                                        <input type="email" value="{{ last_username }}" name="email" id="inputEmail"
                                               class="form-control" autocomplete="email" required autofocus>
                                        <label for="inputPassword">{% trans %}Mot de passe{% endtrans %}</label>
                                        <input type="password" name="password" id="inputPassword" class="form-control"
                                               autocomplete="current-password" required>

                                        <input type="hidden" name="_csrf_token"
                                               value="{{ csrf_token('authenticate') }}"
                                        >
                                        <input type="hidden" name="route"
                                               value="{{ route }}"
                                        >
                                    </div>
                                        <div class="single-input-item">
                                            <button class="check-btn sqr-btn">{% trans %}Se connecter{% endtrans %}</button>
                                        </div>
                                </form>
                        </div>
                    </div>
                    <!-- Login Content End -->
                </div>
            </div>
        </div>
    <!-- login register wrapper end -->

    {#    <section id="form"><!--form--> #}
    {#        <div class="container"> #}
    {#            <div class="row"> #}
    {#                <div class="col-sm-4 col-sm-offset-3"> #}
    {#                    <div class="login-form"><!--login form--> #}
    {#                        <img src="build/images/home/logo.png" alt=""/> #}
    {#                        <h2>Connexion à l'administration</h2> #}
    {#                        <form method="post"> #}
    {#                            {% if error %} #}
    {#                                <div class="alert alert-danger align-content-center">{{ error.messageKey|trans(error.messageData, 'security') }}</div> #}
    {#                            {% endif %} #}

    {#                            {% if app.user %} #}
    {#                                <div class="mb-3"> #}
    {#                                    You are logged in as {{ app.user.userIdentifier }}, <a #}
    {#                                            href="{{ path('app_logout') }}">Logout</a> #}
    {#                                </div> #}
    {#                            {% endif %} #}
    {#                            <div class="col-sm-12 col-sm-offset-3"> #}
    {#                                <label for="inputEmail">Email</label> #}
    {#                                <input type="email" value="{{ last_username }}" name="email" id="inputEmail" #}
    {#                                       class="form-control" autocomplete="email" required autofocus> #}
    {#                                <label for="inputPassword">Password</label> #}
    {#                                <input type="password" name="password" id="inputPassword" class="form-control" #}
    {#                                       autocomplete="current-password" required> #}

    {#                                <input type="hidden" name="_csrf_token" #}
    {#                                       value="{{ csrf_token('authenticate') }}" #}
    {#                                > #}

    {#                                #}{# #}
    {#                                Uncomment this section and add a remember_me option below your firewall to activate remember me functionality. #}
    {#                                See https://symfony.com/doc/current/security/remember_me.html #}
    {#                                #}
    {#                                #}{# <div class="checkbox mb-3"> #}
    {#                                #}{# <span> #}
    {#                                #}{# <input type="checkbox" class="checkbox" name="_remember_me"> Rester connecté #}
    {#                                #}{# </span> #}
    {#                                #}{# </div> #}


    {#                                <button class="btn btn-lg btn-primary" type="submit"> #}
    {#                                    Se connecter #}
    {#                                </button> #}
    {#                            </div> #}
    {#                        </form><!--/login form--> #}
    {#                    </div> #}
    {#                </div> #}
    {#            </div> #}
    {#        </div> #}
    {#    </section><!--/form--> #}

{% endblock %}