{% extends '@App/app.html.twig' %}
{% block title %}Jours fériés{% endblock %}
{% block content %}
<div class="data-page" data-controller="leave-settings">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb"><span>Congés</span><i class="ti ti-chevron-right" aria-hidden="true"></i><span>Paramètres</span><i class="ti ti-chevron-right" aria-hidden="true"></i><strong>Jours fériés</strong></nav>
            <h1>Jours fériés</h1>
        </div>
    </div>
    {% include '@Leave/leave/settings/_settings_nav.html.twig' with {active: 'holidays'} %}
    <section class="settings-note settings-note--blue"><i class="ti ti-info-circle" aria-hidden="true"></i><span>Les jours fériés peuvent être différents selon les établissements. Configurez un calendrier par société ou établissement.</span></section>
    <section class="data-card p-3">
        <div class="data-page__header">
            <div class="data-page__actions">
                <span class="data-button data-button--secondary"><i class="ti ti-chevron-left" aria-hidden="true"></i>{{ year }}<i class="ti ti-chevron-right" aria-hidden="true"></i></span>
                <span class="data-button data-button--secondary"><i class="ti ti-building" aria-hidden="true"></i>Société principale</span>
            </div>
            <div class="data-page__actions">
                <form method="post" action="{{ path('app_leave_settings_holiday_import_defaults') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('leave_holiday_import_defaults') }}">
                    <input type="hidden" name="year" value="{{ year }}">
                    <button class="data-button data-button--secondary" type="submit"><i class="ti ti-download" aria-hidden="true"></i>Importer les jours fériés français</button>
                </form>
                <a class="data-button data-button--primary" href="#holiday-create"><i class="ti ti-plus" aria-hidden="true"></i>Ajouter un jour</a>
            </div>
        </div>
    </section>
    <div class="metric-grid metric-grid--4">
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--amber"><i class="ti ti-star" aria-hidden="true"></i></span><span class="metric-card__label">Total</span><strong class="metric-card__value">{{ holidays|length }}</strong><span class="metric-card__caption">Jours fériés {{ year }}</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--green"><i class="ti ti-circle-check" aria-hidden="true"></i></span><span class="metric-card__label">Payés</span><strong class="metric-card__value">{{ paid_count }}</strong><span class="metric-card__caption">Non travaillés & payés</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--blue"><i class="ti ti-calendar" aria-hidden="true"></i></span><span class="metric-card__label">Prochain</span><strong class="metric-card__value">{{ next_holiday ? next_holiday.date|date('d M') : '—' }}</strong><span class="metric-card__caption">{{ next_holiday ? next_holiday.nom : 'Aucun jour à venir' }}</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--muted"><i class="ti ti-building" aria-hidden="true"></i></span><span class="metric-card__label">Calendrier</span><strong class="metric-card__value">Société</strong><span class="metric-card__caption">Calendrier actif</span></article>
    </div>

    <div class="settings-layout">
        <section class="data-card">
            <div class="data-toolbar">
                <div class="data-toolbar__title"><i class="ti ti-calendar-event" aria-hidden="true"></i><h2>Calendrier des jours fériés — {{ year }}</h2><span class="data-badge data-badge--warning"><i></i>{{ holidays|length }} jours</span></div>
                <label class="data-search"><i class="ti ti-search" aria-hidden="true"></i><input type="search" placeholder="Rechercher..." data-leave-settings-target="search" data-action="input->leave-settings#filter"></label>
            </div>
            <div class="data-table-wrap">
                <table class="data-table">
                    <thead><tr><th>Date</th><th>Nom</th><th>Type</th><th>Travaillé</th><th>Payé</th><th class="data-table__actions">Actions</th></tr></thead>
                    <tbody>
                    {% for holiday in holidays %}
                        <tr class="data-row" data-leave-settings-target="row">
                            <td><span class="settings-mini-calendar"><strong>{{ holiday.date|date('j') }}</strong>{{ holiday.date|date('M') }}</span> <strong class="ms-2">{{ holiday.date|date('d/m/Y') }}</strong></td>
                            <td><strong>{{ holiday.nom }}</strong><div class="data-sub-text">{{ holiday.calendar ? holiday.calendar.nom : 'Calendrier société' }}</div></td>
                            <td><span class="data-badge data-badge--warning"><i></i>{{ holiday.type == 'public_holiday' ? 'Jour férié' : 'Fermeture' }}</span></td>
                            <td><span class="data-badge {{ holiday.worked ? 'data-badge--danger' : 'data-badge--success' }}"><i></i>{{ holiday.worked ? 'Oui' : 'Non' }}</span></td>
                            <td><span class="data-badge {{ holiday.paid ? 'data-badge--success' : 'data-badge--muted' }}"><i></i>{{ holiday.paid ? 'Oui' : 'Non' }}</span></td>
                            <td class="data-table__actions">
                                <form method="post" action="{{ path('app_leave_settings_holiday_delete', {id: holiday.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('leave_holiday_delete_' ~ holiday.id) }}">
                                    <button class="data-action-button" type="submit" title="Supprimer"><i class="ti ti-trash" aria-hidden="true"></i></button>
                                </form>
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="6" class="text-center text-muted py-5">Aucun jour férié.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>

        <aside class="settings-side-card" id="holiday-create">
            <div class="settings-panel__header"><div class="settings-panel__title"><span class="settings-panel__icon settings-panel__icon--orange"><i class="ti ti-plus" aria-hidden="true"></i></span><h2>Ajouter un jour</h2></div></div>
            <form class="settings-form" method="post" action="{{ path('app_leave_settings_holiday_create') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('leave_holiday_create') }}">
                <label class="settings-field"><span>Nom *</span><input class="form-control" name="nom" placeholder="Ex : Assomption" required></label>
                <label class="settings-field"><span>Date *</span><input class="form-control" type="date" name="date" required></label>
                <label class="settings-field"><span>Type</span><select class="form-select" name="type"><option value="public_holiday">Jour férié</option><option value="custom_closed_day">Fermeture société</option></select></label>
                <label class="settings-toggle"><input type="checkbox" name="isPaid" checked> Payé</label>
                <label class="settings-toggle"><input type="checkbox" name="isWorked"> Travaillé</label>
                <button class="data-button data-button--primary w-100" type="submit"><i class="ti ti-plus" aria-hidden="true"></i>Ajouter</button>
            </form>
        </aside>
    </div>
</div>
{% endblock %}