{% 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="filter-btn" title="Filtrer" data-bs-toggle="modal" data-bs-target="#filterModal">
            <i class="ti ti-filter fs-5"></i>
            <span id="filter-badge" class="top-0 start-100 translate-middle badge rounded-pill bg-danger" style="display:none;">
                0
            </span>
        </button>        <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 slot = planning[emp.id][date] ?? null %}
                    {% set weekId = date|date('Y-W') %}
                    {% set isLocked = weekId in lockedWeeks %}
                    {% set isPast = date < "now"|date("Y-m-d") %}

                    {% if info.parametres.planningDelai is defined and info.parametres.planningDelai == '1' %}
                        {% set nowPlus7 = "now"|date_modify("+7 days") %}
                        {% set isPast = (date|date('U')) < ("now"|date_modify("+7 days")|date('U')) %}
                    {% endif %}    

                    {% if slot %}
                        <td class="planning-slot planning-cell {% if isLocked %}locked{% endif %} text-center" 
                        data-emp="{{ emp.id }}" 
                        data-date="{{ date }}" 
                        data-id="{{ slot.id }}"
                        draggable="true"
                        style="cursor:grab; height: 72px;">
                        {% if slot.type == "travail" %}
                            <span class="badge {% if slot.valide %}bg-success{% elseif slot.publie %}bg-warning{% else %} bg-danger{% endif %} d-block w-100 h-100 text-center py-3">
                                {{ slot.start }} <br/> {{ slot.end }}
                            
                        {% else %}

                            {% if slot.typeOff == "formation" %}
                             <span class="badge bg-primary d-block w-100 h-100 text-center py-3">
                                {{ slot.typeOff |capitalize | slice (0,5)}}
                            {% elseif slot.typeOff == "Congés payés" %}
                             <span class="badge bg-secondary d-block w-100 h-100 text-center py-3">
                                {{ slot.typeOff |capitalize | slice (0,5)}}
                            {% else %}
                             <span class="badge bg-dark d-block w-100 h-100 text-center py-3">
                                {{ slot.typeOff |capitalize | slice (0,5) }}
                            {% endif %}
                            
                        {% endif %}
                            {% if isLocked %}
                                <span class="ms-1" title="Semaine verrouillée">
                                        <br/><i class="ti ti-lock"></i>
                                    </span>
                            {% endif %}
                        </span> 
                    </td>
                    {% else %}
                        {% set blocked = blockedDays[emp.id][date|date('Y-m-d')] is defined %}
                        <td {% if not isLocked and not isPast and not blocked %}class="planning-empty"{% endif %} {% if blocked %}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>
                            {% 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>