{% set is_edit = request is defined and request.id %}
<form method="post" enctype="multipart/form-data" data-controller="leave-request">
    <input type="hidden" name="_token" value="{{ csrf_token(is_edit ? 'leave_request_edit_' ~ request.id : 'leave_request_create') }}">
    {% if errors|default([]) %}<div class="alert alert-danger">{% for error in errors %}<div>{{ error }}</div>{% endfor %}</div>{% endif %}
    <div class="card"><div class="card-body row g-3">
        <div class="col-md-4"><label class="form-label">Salarié</label><select class="form-select" name="salarie" required><option value="">Sélectionner</option>{% for salarie in salaries %}<option value="{{ salarie.id }}" {{ (data.salarie|default(request.salarie.id|default(user.salarie.id|default('')))) == salarie.id ? 'selected' : '' }}>{{ salarie }}</option>{% endfor %}</select></div>
        <div class="col-md-4"><label class="form-label">Type</label><select class="form-select" name="leaveType" required><option value="">Sélectionner</option>{% for type in types %}<option value="{{ type.id }}" {{ (data.leaveType|default(request.leaveType.id|default(''))) == type.id ? 'selected' : '' }}>{{ type.nom }}</option>{% endfor %}</select></div>
        <div class="col-md-2"><label class="form-label">Début</label><input class="form-control" type="date" name="startDate" value="{{ data.startDate|default(request.startDate|default(null) ? request.startDate|date('Y-m-d') : '') }}" required data-leave-request-target="start"></div>
        <div class="col-md-2"><label class="form-label">Fin</label><input class="form-control" type="date" name="endDate" value="{{ data.endDate|default(request.endDate|default(null) ? request.endDate|date('Y-m-d') : '') }}" required data-leave-request-target="end"></div>
        <div class="col-md-3"><label class="form-label">Demi-journée début</label><select class="form-select" name="startHalfDay"><option value="">Journée complète</option><option value="morning">Matin uniquement</option><option value="afternoon">Après-midi uniquement</option></select></div>
        <div class="col-md-3"><label class="form-label">Demi-journée fin</label><select class="form-select" name="endHalfDay"><option value="">Journée complète</option><option value="morning">Matin uniquement</option><option value="afternoon">Après-midi uniquement</option></select></div>
        <div class="col-md-6"><label class="form-label">Pièce jointe</label><input class="form-control" type="file" name="attachment"></div>
        <div class="col-12"><label class="form-label">Commentaire</label><textarea class="form-control" name="employeeComment" rows="3">{{ data.employeeComment|default(request.employeeComment|default('')) }}</textarea></div>
        <div class="col-12"><div class="alert alert-light border mb-0">Durée estimée : <strong data-leave-request-target="duration">—</strong></div></div>
    </div><div class="card-footer d-flex gap-2 justify-content-end">
        <button class="btn btn-outline-secondary" name="action" value="draft">Enregistrer brouillon</button>
        <button class="btn btn-primary" name="action" value="submit">Soumettre</button>
    </div></div>
</form>