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

{% block title %}Formulaire de création d'un remplacement{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <h1>Formulaire de création d'un remplacement</h1>

    {{ form_start(form, {'attr': {'class': 'form'}}) }}
    <input type="hidden" name="_token" value="{{ csrf_token('form_intention') }}">
    <div class="mb-3">
        <label class="form-label">Titre :</label> {{ form_widget(form.label) }}
    </div>
    <label class="form-label">Jour du remplacement</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.demandDate) }}
    </div>
    <label class="form-label">Début :</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.firstStartHour) }}
        <span>:</span>
        {{ form_widget(form.firstStartMinute) }}
    </div>
    <label class="form-label">Fin :</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.firstEndHour) }}
        <span>:</span>
        {{ form_widget(form.firstEndMinute) }}
    </div>

    <label class="form-label">Début :</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.secondStartHour) }}
        <span>:</span>
        {{ form_widget(form.secondStartMinute) }}
    </div>
    <label class="form-label">Fin :</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.secondEndHour) }}
        <span>:</span>
        {{ form_widget(form.secondEndMinute) }}
    </div>
    <label class="form-label">Unité :</label>
    <div class="d-flex align-items-center gap-1">
        {{ form_widget(form.unite) }}
    </div>
    <br>
    <button type="submit" class="btn btn-success">
        Créer demande et envoyer les notifications
    </button>

    {{ form_end(form) }}

</div>
{% endblock %}