add.html.twig (Galerie)

<link href="{{ asset('css/galerie.css') }}" rel="stylesheet" />
{# On ajoute Bootstrap si ce n'est pas déjà dans base.html.twig #}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<div class="container mt-4">
    <h1 class="mb-4">Ajouter une nouvelle image</h1>

    <div class="card p-4 shadow-sm">
        {{ form_start(form) }}
            
            <div class="mb-3">
                {{ form_row(form.titre, {'attr': {'class': 'form-control', 'placeholder': 'Titre de l\'image'}}) }}
            </div>

            <div class="mb-3">
                {# Le champ d'upload (fichier) #}
                {{ form_row(form.fichier) }} 
            </div>

            <div class="d-grid gap-2">
                {{ form_widget(form.save, {'attr': {'class': 'btn btn-primary btn-lg'}}) }}
            </div>

        {{ form_end(form) }}
    </div>

    <div class="mt-3">
        <a href="{{ path('accueil_galerie') }}" class="btn btn-secondary">Retour à la galerie</a>
    </div>
</div>