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

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

{% block stylesheets %}
    <style>
        body{
            margin-top: 7%;
        }
        .spanValidation{
            color: #FF5733;
        }
        .btn-logout{
            font-size: 10px;
            background-color: #FF3C33;
            color: white;
        }
    </style>
{% endblock %}

{% block body %}
    <section class="container">
        <div class="row mx-auto" style="width: 80%">
            <div class="col-lg-5" data-aos="fade-up" data-aos-delay="100">
                <div class="row">
                    <div class="formulaire">
                        <div class="mt-3 mb-3 styleBarreTitle mx-auto">
                            Me Connecter à Mon Espace Candidat
                        </div>
                        <form method="post" action="{{ path('app_login_home') }}">
                            {% if error %}
                                <div class="alert alert-danger">Informations de connexion incorrectes</div>
                            {% endif %}

                            {% if app.user %}
                                <div class="mb-3">
                                    Vous êtes connecté(e) comme {{ app.user.userIdentifier }}
                                    <a class="btn btn-logout" href="{{ path('app_logout') }}">Me déconnecter</a>
                                </div>
                            {% endif %}
                            <label for="inputEmail">Email</label>
                            <input type="email" value="{{ last_username }}" placeholder="Entrez votre email" name="email" id="inputEmail" class="form-control" autocomplete="email" autofocus>
                            <div class="spanValidation" id="spanEmail"></div>
                            <hr>
                            <label for="inputPassword">Mot de passe</label>
                            <input type="password" placeholder="Entrez votre password" name="password" id="inputPassword" class="form-control" autocomplete="current-password">
                            <div class="spanValidation" id="spanPassword"></div>
                            <hr>
                            <input type="hidden" name="_csrf_token"
                                   value="{{ csrf_token('authenticate') }}">
                            <button class="btn btn-primary mb-2"
                                    type="submit"
                                    onclick="verifierFormulaireConnexion()">
                                Me Connecter
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 px-4" data-aos="fade-up" data-aos-delay="100">
                <div class="row">
                    <div class="formulaire">
                        <div class="mt-3 mb-3 styleBarreTitle mx-auto">
                            S'incrire pour pouvoir Postuler
                        </div>
                        {{ form_start(registrationForm) }}
                        <div class="row">
                            <div class="col-lg-6">
                                {{ form_row(registrationForm.email) }}
                            </div>
                            <div class="col-lg-6">
                                {{ form_row(registrationForm.plainPassword, {
                                    label: 'Password'
                                }) }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-lg-6">
                                {{ form_row(registrationForm.prenom) }}
                            </div>
                            <div class="col-lg-6">
                                {{ form_row(registrationForm.nom) }}
                            </div>
                        </div>
                        <hr>
                        <div class="row mb-2">
                            <div class="col-lg-12">
                                {{ form_row(registrationForm.Inscription) }}
                            </div>
                        </div>
                        {{ form_end(registrationForm) }}
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}