{% extends 'security/offline.html.twig' %}

{% block title %}Se connecter | Webshop{% endblock %}

{% block body %}
    <div class="vh-100 d-flex justify-content-center align-items-center flex flex-column">
        <div class="card card-home shadow-lg p-5">
            <!-- Logo -->
            <div class="text-center mb-4">
                <img src="{{ asset('image/icon/logo-customer.png') }}" alt="Logo" class="img-fluid" style="max-width: 300px;">
            </div>

            {% if error %}
                <div class="alert alert-danger text-center">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}

            <!-- Formulaire -->
            <form method="post" id="login_form">
                <div class="mb-4">
                    <label for="inputEmail" class="form-label">Adresse mail</label>
                    <input type="email" id="inputEmail" name="_username" class="form-control p-3" placeholder="Email" value="{{ last_username }}" required autofocus>
                </div>
                <div class="mb-4">
                    <label for="inputPassword" class="form-label">Mot de passe</label>
                    <input type="password" id="inputPassword" name="_password" class="form-control p-3" placeholder="Mot de passe" required>
                </div>
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                <button type="submit" class="btn btn-lg btn-outline-dark w-100">
                    Se connecter
                </button>
            </form>

            {% if adminParameters.webshopType == 2 %}
                <div class="row text-center">
                    <div class="col-12">
                        <a class="btn btn-primary mt-3"
                           href="{{ path('registration') }}">{{ "user.subscribe"|trans }}
                        </a>
                    </div>
                </div>
            {% endif %}

            <div class="row text-center p-2">
                <div class="col-12">
                    <a href="{{ path('forgotPassword') }}" class="text-muted" style="text-decoration: underline;">{{ "user.forgetPassword"|trans }}</a>
                </div>
            </div>
        </div>
        <a class="text-dark copyright" href="https://biv-team.com/fr/" target="_blank">Copyright &copy; BIVTeam {{ 'now' | date('Y') }}</a>
    </div>
{% endblock %}