{% 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">
            Semaine du {{ dates[0]|date('d/m/Y') }} au {{ dates[6]|date('d/m/Y') }}
        </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="calendar-btn" title="Aller à une date">
            <i class="ti ti-calendar fs-5"></i>
        </button>
        
        <button class="btn btn-outline-dark" id="print-btn" title="Imprimer">
            <i class="ti ti-printer fs-5"></i>
        </button>
        {% if locked %}
            <button class="btn btn-danger ml-2" id="unlock-week"><i class="ti ti-lock"></i></button>
        {% else %}
            <button class="btn btn-success ml-2" id="lock-week"><i class="ti ti-lock-open"></i></button>
        {% endif %}

        {% if not publishedWeeks[weekId]|default(false) %}
            <button class="btn btn-primary publish-week" data-week="{{ weekId }}">
                <i class="fa fa-paper-plane"></i> Publier la semaine
            </button>
        {% else %}
            <span class="badge bg-success">Publiée</span>
        {% endif %}
    </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>
<table class="table  mb-0">
    <thead>
        <tr>
            <th>Employé</th>
            <th>Total</th>
            {% for date in dates %}
                <th class="text-center">{{ date|frdate }}</th>
            {% endfor %}
        </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" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" data-bs-title="Contrat: {{emp.heureContrat}}h">{{ emp.prenom }} {{ emp.nom }}</h6>
                            <span class="fw-normal">{{ emp.role }}</span>  <small class="text-primary">( {{emp.heureContrat}}h )</small>
                        </div>
                        
                    </div>
                </td>
                <td class="text-center">
                    <small>{{ totals[emp.id]|number_format(2, ',', ' ') }}h</small>
                    {% if emp.heureContrat < totals[emp.id] %} 
                        <br/><iconify-icon icon="solar:danger-triangle-broken" class="fs-7 text-danger"  data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" data-bs-title="Dépassement de contrat"></iconify-icon>
                    {% endif %}
                </td>
                {% for date in dates %}
                    {% set slots = planning[emp.id][date] ?? [] %}
                    {% set isFixedOff = fixedOffDays[emp.id][date] ?? false %}
                    {% set hasActiveContract = contractDays[emp.id][date] ?? false %}
                    {% 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-week text-center {% if locked %}locked{% endif %}" 
                            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 %}d-block w-100 text-center py-2 {% 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 %} {% if locked %}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 }}
                                        {% endif %}
                                    </span>
                                {% endfor %}
                                {% if not locked 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 locked and not isPast and not blocked and not isFixedOff and hasActiveContract %}class="planning-empty"{% endif %} {% if blocked or isFixedOff or not hasActiveContract %}class="text-muted blocked text-center"{% 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 %}
                {% endfor %}
            </tr>
        {% endfor %}
    </tbody>
</table>
<div id="modal-container"></div>