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

{% block title %}Login | CRM{% endblock %}

{% block body %}
    <style>
        input[type="email"], input[type="password"], button {
            background-color: #f5f5f5; /* Gris clair par défaut */
            transition: background-color 0.3s, border-color 0.3s; /* Animation douce */
        }

        input[type="email"]:focus, input[type="password"]:focus {
            background-color: #ffffff; /* Devient blanc au focus */
            border-color: #007bff; /* Bordure bleue au focus */
            outline: none; /* Retirer l'outline par défaut */
        }

        button {
            cursor: pointer;
        }
    </style>
    <div class="container d-flex align-items-center justify-content-center vh-100 flex-column">
        <div class="card shadow-lg p-5" style="width: 100%; max-width: 400px; border-radius: 15px;">
            <div class="text-center">
                <img src="{{ asset('images/LOGO-BIV-crm-28-11.jpg') }}" alt="Logo CRM" class="mb-4" style="max-width: 200px;">
            </div>

            {% if error %}
                <div class="alert alert-danger text-center">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}
            {% if app.user %}
                <div class="alert alert-info text-center mb-3">
                    Vous êtes connecté en tant que <strong>{{ app.user.username }}</strong>.
                    <a href="{{ path('app_logout') }}" class="text-decoration-none">Déconnexion</a>
                </div>
            {% endif %}

            <h1 class="h5 text-center text-primary mb-4">Connectez-vous</h1>

            <form method="post">
                <div class="mb-3">
                    <label for="inputMail" class="form-label text-secondary">Adresse email</label>
                    <input type="email" value="{{ last_username }}" name="_username" id="inputMail" class="form-control form-control-lg border" placeholder="Entrez votre email" required autofocus>
                </div>
                <div class="mb-3">
                    <label for="inputPassword" class="form-label text-secondary">Mot de passe</label>
                    <input type="password" name="_password" id="inputPassword" class="form-control form-control-lg border" placeholder="Entrez votre mot de passe" required>
                </div>
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                <button class="btn btn-primary btn-lg w-100 mt-3" type="submit">Connexion</button>
            </form>

            <div class="text-center mt-4">
                <a href="{{ path('forgotPassword') }}" class="text-decoration-none text-primary">Mot de passe oublié ?</a>
            </div>
        </div>
        <a style="text-align: center; margin-top: 20px; font-size: 12px;" class="text-dark" href="https://biv-team.com/fr/" target="_blank">Copyright &copy; BIVTeam {{ 'now' | date('Y') }}</a>
    </div>
{% endblock %}


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

{# {% block title %}Login | CRM{% endblock %} #}

{# {% block body %} #}
{#    <div class="container"> #}
{#        <div class="row"> #}
{#            <form method="post" class="centerForm mb-3"> #}
{#                <img src="{{ asset('images/logoCRM.svg') }}" class="mr-5"> #}
{#                {% if error %} #}
{#                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div> #}
{#                {% endif %} #}
{#                {% if app.user %} #}
{#                    <div class="mb-3"> #}
{#                        Vous êtes connecté en tant que {{ app.user.username }}, <a #}
{#                                href="{{ path('app_logout') }}">Déconnexion</a> #}
{#                    </div> #}
{#                {% endif %} #}
{#                <h1 class="h3 mt-3 font-weight-normal">Connectez-vous</h1> #}
{#                <label for="inputMail">Adresse email</label> #}
{#                <input type="email" value="{{ last_username }}" name="_username" id="inputMail" class="form-control" required autofocus> #}
{#                <label for="inputPassword">Mot de passe</label> #}
{#                <input type="password" name="_password" id="inputPassword" class="form-control" required> #}
{#                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"> #}
{#                <button class="btn btn-lg btn-primary mt-2" type="submit"> Connexion</button><br> #}
{#                <a class="btn btn-primary mt-3" href="{{ path('forgotPassword') }}">{% trans %}Mot de passe oublié{% endtrans %}</a> #}
{#            </form> #}
{#        </div> #}
{#    </div> #}

{# {% endblock %} #}