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

{% block title %}Connexion{% endblock %}

{% block body %}
    <div class="container mt-5">
        <h1 class="text-center mb-4">Connexion</h1>

        {% if error %}
            <div class="alert alert-danger">
                <strong>Erreur : </strong>{{ error }}
            </div>
        {% endif %}

        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="card shadow-lg">
                    <div class="card-body">
                        <form method="post" action="{{ path('app_connexion') }}">
                            <div class="mb-3">
                                <label for="login" class="form-label">Login</label>
                                <input type="text" id="login" name="login" class="form-control" required>
                            </div>
                            <div class="mb-3">
                                <label for="mdp" class="form-label">Mot de passe</label>
                                <input type="password" id="mdp" name="mdp" class="form-control" required>
                            </div>
                            <button type="submit" class="btn btn-primary w-100">Se connecter</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}