{% extends '@App/app.html.twig' %}

{% block title %}Calendrier des absences{% endblock %}

{% block page_header %}{% endblock %}

{% block content %}
{% set status_options = {
    approved: 'Validées',
    submitted: 'Soumises',
    pending_manager: 'Att. manager',
    pending_rh: 'Att. RH'
} %}
{% set current_view = calendar.view|default(filters.view|default('month')) %}
{% set month_names = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'] %}
{% set period_month_label = month_names[calendar.period_start|date('n') - 1]|capitalize ~ ' ' ~ calendar.period_start|date('Y') %}

<div class="data-page schedule-page schedule-page--company" data-controller="leave-calendar">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
                <a class="text-black" href="{{ path('app_leave_management') }}">Congés</a>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <span class="text-muted">Calendrier</span>
            </nav>
            <h1>Calendrier des absences</h1>
        </div>
        <div class="data-page__actions">
            <a class="data-button data-button--secondary" href="{{ path('app_leave_export_index') }}">
                <i class="ti ti-download" aria-hidden="true"></i>
                Exporter
            </a>
            <a class="data-button data-button--primary" href="{{ path('app_leave_new') }}">
                <i class="ti ti-plus" aria-hidden="true"></i>
                Nouvelle demande
            </a>
        </div>
    </div>

    <form class="schedule-toolbar schedule-toolbar--flush" method="get">
        <div class="schedule-period-control">
            <a class="schedule-icon-button" href="{{ path('app_leave_calendar_index', filters|merge({start: calendar.previous_start, view: current_view})) }}" title="Période précédente">
                <i class="ti ti-chevron-left" aria-hidden="true"></i>
            </a>
            <strong>
                {% if current_view == 'month' %}
                    {{ period_month_label }}
                {% else %}
                    {{ calendar.period_start|date('d') }} - {{ calendar.period_end|date('d/m/Y') }}
                {% endif %}
            </strong>
            <a class="schedule-icon-button" href="{{ path('app_leave_calendar_index', filters|merge({start: calendar.next_start, view: current_view})) }}" title="Période suivante">
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
            </a>
        </div>

        <a class="schedule-today-link" href="{{ path('app_leave_calendar_index', filters|merge({start: 'now'|date('Y-m-d'), view: current_view})) }}">Aujourd'hui</a>

        <div class="schedule-segmented" aria-label="Vue calendrier">
            {% for view, label in {month: 'Mois', week: 'Semaine', list: 'Liste'} %}
                {% if current_view == view %}
                    <strong>{{ label }}</strong>
                {% else %}
                    <a href="{{ path('app_leave_calendar_index', filters|merge({view: view, start: calendar.period_start|date('Y-m-d')})) }}">{{ label }}</a>
                {% endif %}
            {% endfor %}
        </div>

        <span class="schedule-toolbar__separator"></span>

        <select name="etablissement" data-action="change->leave-calendar#submitFilters">
            <option value="">Tous les établissements</option>
            {% for establishment in establishments %}
                <option value="{{ establishment.id }}" {{ filters.etablissement|default('') == establishment.id ? 'selected' : '' }}>{{ establishment.nom }}</option>
            {% endfor %}
        </select>

        <select name="service" data-action="change->leave-calendar#submitFilters">
            <option value="">Tous les services</option>
            {% for service in services %}
                <option value="{{ service.id }}" {{ filters.service|default('') == service.id ? 'selected' : '' }}>{{ service.nom }}</option>
            {% endfor %}
        </select>

        <select name="type" data-action="change->leave-calendar#submitFilters">
            <option value="">Tous les types</option>
            {% for type in types %}
                <option value="{{ type.id }}" {{ filters.type|default('') == type.id ? 'selected' : '' }}>{{ type.nom }}</option>
            {% endfor %}
        </select>

        <select name="status" data-action="change->leave-calendar#submitFilters">
            <option value="">Tous les statuts</option>
            {% for value, label in status_options %}
                <option value="{{ value }}" {{ filters.status|default('') == value ? 'selected' : '' }}>{{ label }}</option>
            {% endfor %}
        </select>

        <input type="hidden" name="start" value="{{ calendar.period_start|date('Y-m-d') }}">
        <input type="hidden" name="view" value="{{ current_view }}">
    </form>

    {% if current_view == 'month' %}
        <section class="schedule-card">
            <div class="schedule-month schedule-month--dense">
                <div class="schedule-month__head">
                    {% for label in ['Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam', 'Dim'] %}
                        <span>{{ label }}</span>
                    {% endfor %}
                </div>
                {% for week in calendar.month_weeks %}
                    <div class="schedule-month__week">
                        {% for day in week %}
                            <div class="schedule-month__day {{ day.is_current_period ? '' : 'is-outside' }} {{ day.is_today ? 'is-today' : '' }} {{ day.holidays|length ? 'has-holiday' : '' }} {{ day.closures|length ? 'has-closure' : '' }}">
                                <strong>{{ day.day|trim('0', 'left') }}</strong>

                                {% for holiday in day.holidays %}
                                    <span class="schedule-special schedule-special--holiday">
                                        <b>Férié</b>
                                        {{ holiday.title }}
                                    </span>
                                {% endfor %}

                                {% for closure in day.closures %}
                                    <span class="schedule-special schedule-special--closure">
                                        <b>Fermeture</b>
                                        {{ closure.title }}
                                    </span>
                                {% endfor %}

                                <div class="schedule-month__events">
                                    {% for event in day.events|slice(0, 3) %}
                                        <a class="schedule-event schedule-event--{{ event.tone }}" href="{{ path('app_leave_show', {id: event.request.id}) }}">
                                            {{ event.salarie.nom|default(event.salarie) }} - {{ event.label }}
                                        </a>
                                    {% endfor %}
                                    {% if day.events|length > 3 %}
                                        <span class="schedule-month__more">+ {{ day.events|length - 3 }} autre{{ day.events|length - 3 > 1 ? 's' : '' }}</span>
                                    {% endif %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                {% endfor %}
            </div>
        </section>
    {% elseif current_view == 'week' %}
        <section class="schedule-card">
            <div class="schedule-grid-scroll">
                <table class="schedule-grid">
                    <thead>
                        <tr>
                            <th>Collaborateur</th>
                            {% for day in calendar.days %}
                                <th class="{{ day.is_today ? 'is-today' : '' }} {{ day.has_conflict ? 'has-conflict' : '' }} {{ day.is_weekend ? 'is-weekend' : '' }}">
                                    <span>{{ day.weekday }}</span>
                                    <strong>{{ day.day }}</strong>
                                    {% if day.has_conflict %}
                                        <em><i class="ti ti-alert-triangle" aria-hidden="true"></i>Conflit</em>
                                    {% endif %}
                                </th>
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                    {% for row in calendar.rows %}
                        {% set salarie = row.salarie %}
                        {% set photo_path = salarie.photo ? salarie.photo|trim : null %}
                        {% set avatar_src = photo_path ? (photo_path starts with 'http://' or photo_path starts with 'https://' ? photo_path : asset(photo_path starts with '/' ? photo_path|slice(1) : photo_path)) : null %}
                        {% set initials = ((salarie.prenom|default('')|first) ~ (salarie.nom|default('')|first))|upper ?: 'S' %}
                        <tr>
                            <td>
                                <span class="schedule-person">
                                    <span class="data-avatar {{ avatar_src ? '' : 'data-avatar--initials' }}">
                                        {% if avatar_src %}
                                            <img src="{{ avatar_src }}" alt="{{ salarie }}">
                                        {% else %}
                                            {{ initials }}
                                        {% endif %}
                                    </span>
                                    <span>
                                        <strong>{{ salarie }}</strong>
                                        <small>{{ salarie.employeeService|default(salarie.service|default('Service')) }}</small>
                                    </span>
                                </span>
                            </td>
                            {% for cell in row.cells %}
                                <td class="{{ calendar.days[loop.index0].is_today ? 'is-today' : '' }} {{ calendar.days[loop.index0].is_weekend ? 'is-weekend' : '' }}">
                                    {% if cell.request %}
                                        <a class="schedule-event schedule-event--{{ cell.tone }}" href="{{ path('app_leave_show', {id: cell.request.id}) }}" title="{{ cell.request.leaveType.nom }} · {{ cell.request.startDate|date('d/m/Y') }} - {{ cell.request.endDate|date('d/m/Y') }}">
                                            {{ cell.label }}
                                        </a>
                                    {% endif %}
                                </td>
                            {% endfor %}
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="{{ 1 + calendar.days|length }}">
                                <div class="data-empty">
                                    <i class="ti ti-calendar-off" aria-hidden="true"></i>
                                    <strong>Aucun collaborateur à afficher.</strong>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    {% else %}
        <section class="data-card">
            <div class="data-table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Salarié</th>
                            <th>Type</th>
                            <th>Période</th>
                            <th>Durée</th>
                            <th>Statut</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for event in calendar.events %}
                        {% set salarie = event.salarie %}
                        {% set photo_path = salarie.photo ? salarie.photo|trim : null %}
                        {% set avatar_src = photo_path ? (photo_path starts with 'http://' or photo_path starts with 'https://' ? photo_path : asset(photo_path starts with '/' ? photo_path|slice(1) : photo_path)) : null %}
                        {% set initials = ((salarie.prenom|default('')|first) ~ (salarie.nom|default('')|first))|upper ?: 'S' %}
                        <tr class="data-row">
                            <td>
                                <span class="data-entity">
                                    <span class="data-avatar {{ avatar_src ? '' : 'data-avatar--initials' }}">
                                        {% if avatar_src %}
                                            <img src="{{ avatar_src }}" alt="{{ salarie }}">
                                        {% else %}
                                            {{ initials }}
                                        {% endif %}
                                    </span>
                                    <span>
                                        <a class="data-entity__title" href="{{ path('app_leave_show', {id: event.request.id}) }}">{{ salarie }}</a>
                                        <span class="data-entity__meta">{{ salarie.employeeService|default(salarie.service|default('Service')) }}</span>
                                    </span>
                                </span>
                            </td>
                            <td><span class="schedule-list-type schedule-event--{{ event.tone }}">{{ event.label }}</span>{{ event.type.nom|default('Congé') }}</td>
                            <td><span class="data-main-text">{{ event.start|date('d/m/Y') }} - {{ event.end|date('d/m/Y') }}</span></td>
                            <td><strong class="data-main-text">{{ event.duration|number_format(event.duration == event.duration|round ? 0 : 1, ',', ' ') }} j</strong></td>
                            <td><span class="data-badge data-badge--{{ event.status == 'approved' ? 'success' : 'warning' }}"><i aria-hidden="true"></i>{{ status_options[event.status]|default(event.status) }}</span></td>
                            <td><a class="data-action-button" href="{{ path('app_leave_show', {id: event.request.id}) }}" title="Voir"><i class="ti ti-eye" aria-hidden="true"></i><span>Voir</span></a></td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="6">
                                <div class="data-empty">
                                    <i class="ti ti-calendar-off" aria-hidden="true"></i>
                                    <strong>Aucune absence sur la période.</strong>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    {% endif %}
</div>
{% endblock %}