{% if errors|default([]) is not empty %}<div class="alert alert-danger">{{ errors|join('<br>')|raw }}</div>{% endif %}
{% set lock_schedule_date = lock_schedule_date|default(false) %}
{% set selected_schedule = data.schedule|default(shift.schedule.id|default(app.request.query.get('schedule'))) %}
{% set selected_date = data.date|default(shift.date|default(null) ? shift.date|date('Y-m-d') : '') %}
<div class="planning-form-grid planning-form-grid--3" data-controller="planning-shift">
    <div>
        <label class="form-label">Planning</label>
        {% if lock_schedule_date %}
            <input type="hidden" name="schedule" value="{{ selected_schedule }}">
            <input class="form-control" value="{{ shift.schedule ? shift.schedule.title : 'Planning non défini' }}" disabled>
        {% else %}
            <select class="form-select" name="schedule" required><option value="">Sélectionner</option>{% for schedule in schedules %}<option value="{{ schedule.id }}" {{ selected_schedule == schedule.id ? 'selected' : '' }}>{{ schedule.title }}</option>{% endfor %}</select>
        {% endif %}
    </div>
    <div>
        <label class="form-label">Date</label>
        {% if lock_schedule_date %}
            <input type="hidden" name="date" value="{{ shift.date ? shift.date|date('Y-m-d') : selected_date }}">
            <input class="form-control" value="{{ shift.date ? shift.date|date('d/m/Y') : 'Date non définie' }}" disabled>
        {% else %}
            <input class="form-control" type="date" name="date" value="{{ selected_date }}" required>
        {% endif %}
    </div>
    <div><label class="form-label">Titre</label><input class="form-control" name="title" value="{{ data.title|default(shift.title|default('')) }}" required></div>
    <div><label class="form-label">Début</label><input class="form-control" type="time" name="startTime" value="{{ data.startTime|default(shift.startTime|default(null) ? shift.startTime|date('H:i') : '') }}" required data-planning-shift-target="start" data-action="change->planning-shift#calculate"></div>
    <div><label class="form-label">Fin</label><input class="form-control" type="time" name="endTime" value="{{ data.endTime|default(shift.endTime|default(null) ? shift.endTime|date('H:i') : '') }}" required data-planning-shift-target="end" data-action="change->planning-shift#calculate"></div>
    <div><label class="form-label">Pause non rémunérée</label><input class="form-control" type="number" name="breakDurationMinutes" value="{{ data.breakDurationMinutes|default(shift.breakDurationMinutes|default(0)) }}" data-planning-shift-target="break" data-action="input->planning-shift#calculate"></div>
    <div><label class="form-label">Salariés requis</label><input class="form-control" type="number" min="1" name="requiredEmployees" value="{{ data.requiredEmployees|default(shift.requiredEmployees|default(1)) }}"></div>
    <div><label class="form-label">Service</label><select class="form-select" name="service"><option value="">-</option>{% for service in services %}<option value="{{ service.id }}" {{ data.service|default(shift.service.id|default('')) == service.id ? 'selected' : '' }}>{{ service.nom }}</option>{% endfor %}</select></div>
    <div><label class="form-label">Poste</label><select class="form-select" name="job"><option value="">-</option>{% for job in jobs %}<option value="{{ job.id }}" {{ data.job|default(shift.job.id|default('')) == job.id ? 'selected' : '' }}>{{ job.nom }}</option>{% endfor %}</select></div>
    <div class="full"><label class="form-label">Description</label><textarea class="form-control" name="description">{{ data.description|default(shift.description|default('')) }}</textarea></div>
</div>