{{ form_start(form) }}
<div class="grid grid-cols-1 gap-2 mb-2">
    <h4 class="h4">Infos générales</h4>
</div>
<div class="grid grid-cols-2 gap-2">
    {{ form_row(form.name) }}
    {{ form_row(form.description) }}
    {{ form_row(form.ageMin) }}
    {{ form_row(form.ageMax) }}
    {{ form_row(form.coverFile) }}
    {{ form_row(form.price) }}
    {{ form_row(form.maxParticipantsPerDay) }}
    {{ form_row(form.type) }}
</div>
<div class="grid grid-cols-1 gap-2 mt-2 mb-2">
    <h4 class="h4">Gestion des dates</h4>
</div>

<div class="grid grid-cols-2 gap-2">
    {{ form_row(form.startDate) }}
    {{ form_row(form.endDate) }}
    <div class="form-group">
        <label for="stage_startTime_hour" class="block text-sm font-medium text-gray-700">Heure de début *</label>
        <div class="flex space-x-2">
            {{ form_widget(form.startTime.hour, {'attr': {'class': 'form-select'}}) }}
            <span class="self-center">:</span>
            {{ form_widget(form.startTime.minute, {'attr': {'class': 'form-select'}}) }}
        </div>
    </div>
    <div class="form-group">
        <label for="stage_startTime_hour" class="block text-sm font-medium text-gray-700">Heure de fin *</label>
        <div class="flex space-x-2">
            {{ form_widget(form.endTime.hour, {'attr': {'class': 'form-select'}}) }}
            <span class="self-center">:</span>
            {{ form_widget(form.endTime.minute, {'attr': {'class': 'form-select'}}) }}
        </div>
    </div>

    {{ form_row(form.registrationStartDate) }}
    {{ form_row(form.registrationEndDate) }}
</div>

<button type="submit" class="btn-success mt-2">Enregistrer</button>

{{ form_end(form) }}