{% set info = get_global_parameters() %}

<div class="d-flex justify-content-between mb-2">
    <div>
        <button class="btn btn-primary planning-prev"><i class="ti ti-chevron-left fs-5"></i></button>
        <strong class="p-2">
            {{ month|mois_fr }}
        </strong>
        <button class="btn btn-primary planning-next"><i class="ti ti-chevron-right fs-5"></i></button>
    </div>

    <div>        
        <button class="btn btn-outline-dark" id="print-btn" title="Imprimer">
            <i class="ti ti-printer fs-5"></i>
        </button>
    </div>
<input type="text" id="calendar-input" class="flatpickr flatpickr-input" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;" autocomplete="off">
</div>

{% set weekIndices = [] %}
{% set prevWeekId = (dates[0]|date('Y-W')) %}
{% set weekIndices = [0] %}
{% for i, date in dates %}
    {% set weekId = date|date('Y-W') %}
    {% if weekId != prevWeekId %}
        {% set weekIndices = weekIndices|merge([i]) %}
        {% set prevWeekId = weekId %}
    {% endif %}
{% endfor %}

<table class="table mb-0 align-middle month-table">
    <thead>
        <tr>
            <th>Employé</th>
            {% for i, date in dates %}
                <th>{{ date|jour_abbr }}</th>

                {# Ajoute une colonne total après la fin d'une semaine #}
                {% set nextDate = dates[i + 1] ?? null %}
                {% if nextDate and (nextDate|date('Y-W') != date|date('Y-W')) %}
                    <th class="text-primary">Total</th>
                {% endif %}
            {% endfor %}
            {# Dernière colonne Total si le mois ne finit pas un dimanche #}
            {% if dates|last and (dates|last|date('w') != 0) %}
                <th class="text-primary">Total</th>
            {% endif %}
        </tr>
    </thead>

    <tbody>
        {% for emp in employees %}
            {% set initials = emp.prenom|slice(0, 1)|upper ~ emp.nom|slice(0, 1)|upper %}

            <tr class="planning-cell-height">
                <td>
                    <div class="d-flex align-items-center">
                         {% if emp.image is not null %}
                            <img src="{{ asset('uploads/profiles/' ~ emp.image) }}" alt="image de profil" class="img-fluid rounded-circle" width="40" height="40" id="imgProfile">
                          {% else %}
                            <span class="bg-primary text-white fs-6 round-40 rounded-circle me-n2 border border-2 border-white d-flex align-items-center justify-content-center">
                              {{ initials }}
                            </span>
                          {% endif %}
                        <div class="ms-3">
                            <h6 class="fs-4 fw-semibold mb-0" >{{ emp.prenom }} {{ emp.nom }}</h6>
                            <span class="fw-normal">{{ emp.role }}</span>
                        </div>
                        
                    </div>
                </td>
                {% for i, date in dates %}
                    {% set slots = planning[emp.id][date] ?? [] %}
                    {% set isFixedOff = fixedOffDays[emp.id][date] ?? false %}
                    {% set hasActiveContract = contractDays[emp.id][date] ?? false %}
                    {% set weekId = date|date('Y-W') %}
                    {% set isLocked = weekId in lockedWeeks %}
                    {% set isPast = date < "now"|date("Y-m-d") %}

                    {% if planningSettings.delayEnabled %}
                        {% set isPast = (date|date('U')) < ("now"|date_modify("+" ~ planningSettings.delayDays ~ " days")|date('U')) %}
                    {% endif %}

                    {% if slots %}
                        <td class="planning-cell {% if isLocked %}locked{% endif %} text-center" 
                        data-emp="{{ emp.id }}" 
                        data-date="{{ date }}"
                        style="min-height: 72px;">
                        <div class="d-flex flex-column gap-1">
                            {% for slot in slots %}
                                <span class="badge {% if not slot.fixedOff %}planning-slot {% endif %}{% if slot.type == 'travail' %}{% if slot.valide %}bg-success{% elseif slot.publie %}bg-warning{% else %}bg-danger{% endif %}{% elseif slot.typeOff == 'formation' %}bg-primary{% elseif slot.typeOff == 'Congés payés' %}bg-secondary{% else %}bg-dark{% endif %} d-block w-100 text-center py-2 {% if isLocked %}locked{% endif %}"
                                    {% if not slot.fixedOff %}
                                    data-emp="{{ emp.id }}" 
                                    data-date="{{ date }}" 
                                    data-id="{{ slot.id }}"
                                    draggable="true"
                                    style="cursor:grab;"
                                    {% endif %}>
                                    {% if slot.type == "travail" %}
                                        {{ slot.start }}<br>{{ slot.end }}
                                        {% if slot.hasNote %}
                                            <i class="ti ti-notes ms-1" title="Cette tranche contient une note"></i>
                                        {% endif %}
                                    {% else %}
                                        {{ slot.typeOff|capitalize|slice(0, 10) }}
                                    {% endif %}
                                </span>
                            {% endfor %}
                            {% if not isLocked and not isPast and not isFixedOff and hasActiveContract %}
                                <button type="button" class="btn btn-sm btn-outline-primary planning-add-slot" data-emp="{{ emp.id }}" data-date="{{ date }}">+</button>
                            {% endif %}
                        </div>
                    </td>
                    {% else %}
                        {% set blocked = blockedDays[emp.id][date|date('Y-m-d')] is defined %}
                        <td {% if not isLocked and not isPast and not blocked and not isFixedOff and hasActiveContract %}class="planning-empty"{% endif %} {% if blocked or isFixedOff or not hasActiveContract %}bg-light text-muted blocked{% endif %}  
                            data-emp="{{ emp.id }}" 
                            data-date="{{ date }}"
                            style="background:#f8f9fa;cursor:pointer">
                            {% if blocked %}
                                <iconify-icon icon="solar:forbidden-circle-broken" class="text-danger fs-6"></iconify-icon>
                            {% elseif isFixedOff %}
                                <span class="badge bg-dark">Repos</span>
                            {% elseif not hasActiveContract %}
                                <iconify-icon icon="solar:danger-triangle-broken" class="text-warning fs-6" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" data-bs-title="Aucun contrat en cours"></iconify-icon>
                            {% endif %}
                        </td>
                    {% endif %}
                  {# Après chaque fin de semaine, ajoute le total #}
                    {% set nextDate = dates[i + 1] ?? null %}
                    {% if nextDate and (nextDate|date('Y-W') != weekId) %}
                        <td class="text-center fw-bold text-primary">
                            {{ weekTotals[emp.id][weekId]|default(0)|number_format(2, ',', ' ') }} h<br/>
                            {% if loop.parent.loop.index0 == 0 %}
                                {% if isLocked %}
                                    <button class="btn btn-danger unlock-week" data-week="{{ weekId }}"><i class="ti ti-lock"></i></button>
                                {% else %}
                                    <button class="btn btn-success lock-week" data-week="{{ weekId }}"><i class="ti ti-lock-open"></i></button>
                                {% endif %}
                            {% endif %}
                        </td>
                    {% endif %}
                {% endfor %}
                {# Dernière colonne Total si le mois ne finit pas un dimanche #}
                {% set lastWeekId = dates|last|date('Y-W') %}
                {% if dates|last and (dates|last|date('w') != 0) %}
                    <td class="text-end fw-bold text-primary">
                        {{ weekTotals[emp.id][lastWeekId]|default(0)|number_format(2, ',', ' ') }} h
                    </td>
                {% endif %}
            </tr>
        {% endfor %}
    </tbody>
</table>
<div id="modal-container"></div>