{% set self_service = is_self_service|default(false) %}
{% set hide_type = hide_type|default(false) %}
{% set selected_salarie_id = availability is defined ? availability.salarie.id : data.salarie|default(user.salarie.id|default('')) %}

{% if errors|default([]) is not empty %}
    <div class="alert alert-danger">{{ errors|join('<br>')|raw }}</div>
{% endif %}

{% if self_service and user.salarie %}
    <input type="hidden" name="salarie" value="{{ user.salarie.id }}">
{% endif %}

<div class="planning-form-grid">
    <div>
        <label class="form-label">Salarié</label>
        <select class="form-select" name="{{ self_service ? '_salarie_display' : 'salarie' }}" required {{ self_service ? 'disabled' : '' }}>
            {% for salarie in salaries %}
                <option value="{{ salarie.id }}" {{ selected_salarie_id == salarie.id ? 'selected' : '' }}>{{ salarie }}</option>
            {% endfor %}
        </select>
    </div>
    {% if not hide_type %}
        <div>
            <label class="form-label">Type</label>
            <select class="form-select" name="type">
                {% set selected_type = availability is defined ? availability.type : data.type|default('available') %}
                <option value="available" {{ selected_type == 'available' ? 'selected' : '' }}>Disponible</option>
                <option value="unavailable" {{ selected_type == 'unavailable' ? 'selected' : '' }}>Indisponible</option>
                <option value="preferred" {{ selected_type == 'preferred' ? 'selected' : '' }}>Préférence</option>
            </select>
        </div>
    {% endif %}
    <div>
        <label class="form-label">Début</label>
        <input class="form-control" type="datetime-local" name="startAt" value="{{ availability is defined ? availability.startAt|date('Y-m-d\\TH:i') : data.startAt|default('') }}" required>
    </div>
    <div>
        <label class="form-label">Fin</label>
        <input class="form-control" type="datetime-local" name="endAt" value="{{ availability is defined ? availability.endAt|date('Y-m-d\\TH:i') : data.endAt|default('') }}" required>
    </div>
    <div class="full">
        <label class="form-label">Commentaire</label>
        <textarea class="form-control" name="comment">{{ availability is defined ? availability.comment : data.comment|default('') }}</textarea>
    </div>
</div>