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

{% block title %}Détails Absences{% endblock %}
{% block stylesheet %}

<style>
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        border: 1px solid #ccc;
        padding: 5px;
        text-align: center;
    }
    th {
        background-color: #f2f2f2;
    }
    .holiday, .weekend {
        background-color: red;
        color: white;
    }
    .vacation {
        background-color: blue;
        color: white;
    }
    .sick {
        background-color: orange;
        color: white;
    }
    .personal {
        background-color: green;
        color: white;
    }
    .absence-cell {
        background-color: red;
    }
</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>Schématisation absences</h1>
                    </div>
                    <div class="table-responsive">
                        <table style="border-collapse: collapse; width: 100%;">
                            <thead>
                                <tr>  {% set isAbsenceDay = false %}
                                    <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%;">{{ months[monthIndex] }}</td>
                                        {% for day in 1..31 %}
                                          
                                            
                                            {% 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') %}
                                                {% set absenceStartYear = absence.dateDebut|date('Y') %}
                                                {% set absenceEndYear = absence.dateFin|date('Y') %}
                                                {% set currentYear = "now"|date('Y') %}
                                                {# Condition principale pour les jours d'absence #}
                                               {% if (isAbsenceDay==false and 
			(monthIndex + 1 == absenceStartMonth and day >= absenceStartDay and currentYear == absenceStartYear) and
			(monthIndex + 1 == absenceEndMonth and day <= absenceEndDay and currentYear == absenceStartYear)
			)%}
				{% set isAbsenceDay = true %}
		{% endif %}
                                                
                                                {# Condition supplémentaire pour les jours entre un endDay et un startDay dans le même mois #}
                                                {% if monthIndex + 1 == absenceStartMonth and monthIndex + 1 == absenceEndMonth and day > absenceEndDay and day < absenceStartDay %}
                                                    {% set isAbsenceDay = false %}
                                                {% 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>
                    </div>
                </div>
                <div class="col-12 text-center">
                    <button class="retour-custom" onclick="retourPage(event);">
                        <i class="ri-reply-line font-14"></i> Retour
                    </button>
                </div>    
            </div>    
        </div>
    </div> 
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{% endblock %}