{# templates/admin/adminCalendar.html.twig #}

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

{% block title %}LALD / LCDL{% endblock %}

{% block body %}
  <div class="container mx-auto text-center mb-5" id="btnPrintHide">
    <h2 class="block antialiased tracking-normal font-sans text-4xl font-semibold leading-[1.3] text-blue-gray-900 mb-4">Calendrier des congés</h2>
        <bouton onclick="window.print();"  class="p-2 rounded bg-blue-500 hover:bg-blue-600 text-white border-blue-700 mx-1">Imprimer le calendrier</bouton>
        <a href="{{ path('app_admin_home')}}"><button class="p-2 rounded bg-gray-500 hover:bg-gray-600 text-white border-gray-700 mx-1">Accueil</button></a>
  </div>
    <table>
        <thead>
            <tr>
                <th colspan="32">Calendrier des congés {{year}}</th>
            </tr>
        </thead>
        <tbody>
            {% for month, monthData in months %}
                <tr><td colspan="32" class="bg-cyan-100">{{ FRmois[monthData.name] }}</td></tr>
                <tr>
                    <td>
                    {% for day in 1..31 %}
                        <td>{{ day in monthData.days ? day : '' }}</td>
                    {% endfor %}
                </tr>
                {% for fonction, users in usersGroupByFunction %}
                    <tr>
                        <td colspan="32">{{ fonction }}</td>
                    </tr>
                    {% for user in users %}
                        <tr>
                            <td>{{ user.username }}</td>
                            {% for dayLoop in 1..31 %}
                                {% set currentDate = year ~ '-' ~ month ~ '-' ~ dayLoop %}
                                {% set isWeekend = (currentDate|date('N') in [6, 7]) %}
                                {% set isVacation = false %}
                                {% if vacationsGroupByUser[user.id] is defined %}
                                    {% for vacation in vacationsGroupByUser[user.id] %}
                                        {% if currentDate|date('Y-m-d') >= vacation.startDate|date('Y-m-d') and currentDate|date('Y-m-d') <= vacation.endDate|date('Y-m-d') %}

                                            {% set isVacation = true %}
                                        {% endif %}
                                    {% endfor %}
                                {% endif %}
                                <td style="background-color: {% if isWeekend %}yellow{% elseif isVacation %}red{% else %}white{% endif %};">
                                    {{ dayLoop in monthData.days ? dayLoop : '' }}
                                </td>
                            {% endfor %}
                        </tr>
                    {% endfor %}
                {% endfor %}
                <tr>
                    <td colspan="32"></td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ccc;
            text-align: center;
            padding: 5px;
        }
        th {
            background-color: #f2f2f2;
        }
        .weekend {
            background-color: yellow;
        }
        .vacation {
            background-color: red;
        }
        @media print {
            #foot{
                background-color: #ffffff;
            }
            #info{
                display: none;
            }
            #btnPrintHide{
                display: none;
            }
        }
    </style>
{% endblock %}