{% set assigned = assignment is defined and assignment %}
<div class="planning-shift"
     style="--shift-color: {{ shift.color|default('#3b82f6') }}"
     draggable="true"
     data-planning-drag-target="shift"
     data-shift-id="{{ shift.id }}"
     data-assignment-id="{{ assigned ? assignment.id : '' }}"
     data-move-url="{{ path('planning_shift_move', {id: shift.id}) }}"
     data-edit-modal-url="{{ path('planning_shift_edit_modal', {id: shift.id}) }}"
     data-csrf-token="{{ csrf_token('planning_shift_move_' ~ shift.id) }}"
     data-action="dragstart->planning-drag#dragStart dragend->planning-drag#dragEnd click->planning-drag#openEditModal">
    <strong>{{ shift.title }}</strong>
    <span>{{ shift.startTime ? shift.startTime|date('H:i') : '--' }} - {{ shift.endTime ? shift.endTime|date('H:i') : '--' }}</span>
    <small>{{ (shift.netDurationMinutes / 60)|number_format(1, ',', ' ') }} h{% if shift.service %} · {{ shift.service }}{% endif %}</small>
    {% if not assigned %}
        <button type="button"
                class="planning-shift__assign"
                data-assign-modal-url="{{ path('planning_shift_assign_modal', {id: shift.id}) }}"
                data-action="click->planning-drag#openAssignModal">
            Affecter
        </button>
    {% endif %}
</div>