{% extends 'admin/layout.html.twig' %}

{% block body_id 'annuaire_create' %}
{% block title 'Créer un nouvel annuaire' %}

{% block main %}
    <div class="container-fluid py-3">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2>Créer un nouvel annuaire</h2>
            <a href="{{ path('annuaire_list') }}" class="btn btn-secondary">
                <i class="fa fa-arrow-left"></i> Retour à la liste
            </a>
        </div>

        {% for message in app.flashes('success') %}
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        {% for message in app.flashes('error') %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">
                    <i class="fa fa-plus"></i> Nouveau fichier d'annuaire
                </h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ path('annuaire_create') }}">
                    <div class="mb-3">
                        <label for="name" class="form-label">Nom de l'annuaire <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="name" name="name" required 
                               placeholder="Ex: bron, rosny, paris" 
                               pattern="[a-zA-Z0-9_]+" 
                               title="Seuls les lettres, chiffres et underscores sont autorisés">
                        <small class="form-text text-muted">
                            Le nom sera utilisé pour créer le fichier : annuaire_[nom].json
                        </small>
                    </div>
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ path('annuaire_list') }}" class="btn btn-secondary">
                            <i class="fa fa-times"></i> Annuler
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fa fa-save"></i> Créer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}