{% 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="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>
        {% 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>
                        </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 slot = planning[emp.id][date] ?? null %}
                    {% 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-week text-center {% if locked %}locked{% endif %}" 
                            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  d-block w-100 h-100 text-center py-3 {% if slot.valide %}bg-success{% elseif slot.publie %}bg-warning{% else %} bg-danger{% endif %}">
                                    {{ 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}}
                                    {% 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}}
                                    {% else %}
                                    <span class="badge bg-dark d-block w-100 h-100 text-center py-3">
                                        {{ slot.typeOff |capitalize}}
                                    {% endif %}
                                
                            {% endif %}
                                {% if locked %}
                                    <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 locked and not isPast and not blocked %}class="planning-empty"{% endif %} {% if blocked %}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>
                            {% endif %}
                        </td>
                    {% endif %}
                {% endfor %}
            </tr>
        {% endfor %}
    </tbody>
</table>
<div id="modal-container"></div>