85 lines
3.8 KiB
Twig
85 lines
3.8 KiB
Twig
{% extends 'main/base.html.twig' %}
|
|
|
|
{% block head %}
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Modifier la sortie</title>
|
|
{% block stylesheets %}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{% endblock %}
|
|
</head>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto p-8 bg-white rounded-lg shadow-lg mt-8">
|
|
<h1 class="text-3xl font-extrabold text-center text-gray-800 mb-10">📝 Modifier la sortie</h1>
|
|
|
|
{{ form_start(form, { 'attr': { 'class': 'space-y-8' } }) }}
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<div>
|
|
<label for="nom" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
🎉 Nom de la sortie
|
|
</label>
|
|
{{ form_row(form.nom, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
<div>
|
|
<label for="dateHeureDebut" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
🕒 Date et heure de début
|
|
</label>
|
|
{{ form_row(form.dateHeureDebut, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<div>
|
|
<label for="duree" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
⏳ Durée (minutes)
|
|
</label>
|
|
{{ form_row(form.duree, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
<div>
|
|
<label for="dateLimiteInscription" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
📆 Date limite d'inscription
|
|
</label>
|
|
{{ form_row(form.dateLimiteInscription, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<div>
|
|
<label for="nbInscriptionsMax" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
👥 Nombre maximum d'inscriptions
|
|
</label>
|
|
{{ form_row(form.nbInscriptionsMax, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
<div>
|
|
<label for="infosSortie" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
📝 Informations complémentaires
|
|
</label>
|
|
{{ form_row(form.infosSortie, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<div>
|
|
<label for="lieu" class="block text-sm font-semibold text-gray-700 mb-2">
|
|
📍 Lieu
|
|
</label>
|
|
{{ form_row(form.lieu, { 'attr': { 'class': 'w-full rounded-md border-gray-300 shadow focus:ring-blue-500 focus:border-blue-500' } }) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end mt-8 space-x-4">
|
|
<a href="{{ path('sortie_view', { id: sortie.getIdSortie() }) }}" class="px-6 py-3 bg-gray-500 text-white rounded-lg shadow-md hover:bg-gray-600">
|
|
❌ Annuler
|
|
</a>
|
|
<button type="submit" class="px-6 py-3 bg-blue-500 text-white rounded-lg shadow-md hover:bg-blue-600">
|
|
💾 Enregistrer
|
|
</button>
|
|
</div>
|
|
|
|
{{ form_end(form) }}
|
|
</div>
|
|
{% endblock %}
|