{% extends 'base.html.twig' %}

{% block title %}Détails Absences{% endblock %}
{% block stylesheet %}
<style>
    table .absence {
        background-color: #f0ad4e; /* Couleur de fond pour les absences */
        color: white; /* Couleur du texte pour les absences */
        padding: 5px;
        border-radius: 5px;
    }

    .absence-cell {
        background-color: red; /* Couleur de fond pour les cases correspondant aux absences */
    }
</style>
{% endblock %}
{% block body %}
<div class="content-page">
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <h1>Détail des absences {{salarie.titre}} {{salarie.nom}} {{salarie.prenom}}</h1>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Libellé</th>
                                    <th>Type</th>
                                    <th>Date de Début</th>
                                    <th>Date de Fin</th>
                                    <th class="no-sort" style="text-align:right;"></th>
                                </tr>
                            </thead>
                            <tbody style="vertical-align: middle;">
                                {% for absence in absences %}
                                <tr>
                                    <td>{{ absence.libelle }}</td>
                                    <td>{{ absenceTypes[absence.type] }}</td>
                                    <td>{{ absence.dateDebut|date('d/m/Y') }} {{absence.heureDebut|date('H:i:s')}}</td>

                                    <td>{{ absence.dateFin|date('d/m/Y') }} {{absence.heureFin|date('H:i:s')}}</td>
                                    
                                    <td style="text-align:right;">
                                        <ul class="list-inline">
                                            <a href="{{ path('modifier_absence', {'id': absence.id}) }}" class="modifier-custom" style="padding: 0px 5px;"><i class="ri-edit-line "></i>
                                            </a>
                                            <a href="{{ path('supprimer_absence', {'id': absence.id}) }}" class="supprimer-custom"  style="padding: 0px 5px;"><i class="ri-delete-bin-line "></i>
                                            </a>
                                        </ul>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <a href="{{ path('ajouter_absence', {'id': salarie.id}) }}" class="custom-link">Ajouter une absence</a>
                </div>
           
          
                            <!-- Le tableau des jours -->
             {#}   <table style="border-collapse: collapse; width: 100%;">
                    <thead>
                        <tr>
                            <th style="border: 1px solid black; width: 10%;">&nbsp;</th>
                            {% for day in 1..31 %}
                                <th style="border: 1px solid black; width: 3%;">{{ day }}</th>
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                        {% set months = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] %}
                        {% for monthIndex, month in months %}
                            <tr>
                                <td style="border: 1px solid black; width: 10%;">{{ month }}</td>
                                {% for day in 1..31 %}
                                    {% set isAbsenceDay = false %}
                                    {% for absence in absences %}
                                        {% set absenceStartMonth = absence.dateDebut|date('m') %}
                                        {% set absenceStartDay = absence.dateDebut|date('d') %}
                                        {% set absenceEndMonth = absence.dateFin|date('m') %}
                                        {% set absenceEndDay = absence.dateFin|date('d') %}
                                        {% if monthIndex + 1 == absenceStartMonth and day == absenceStartDay %}
                                            {% set isAbsenceDay = true %}
                                        {% elseif monthIndex + 1 == absenceEndMonth and day == absenceEndDay %}
                                            {% set isAbsenceDay = true %}
                                        {% endif %}
                                    {% endfor %}
                                    {% if isAbsenceDay %}
                                        <td class="absence-cell" style="border: 1px solid black; width: 3%; background-color: red;"></td>
                                    {% else %}
                                        <td style="border: 1px solid black; width: 3%;"></td>
                                    {% endif %}
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>#}
                <!-- Fin du tableau des jours -->
</div>
</div>
</div>
</div>
{% endblock %}