{% extends '@App/app.html.twig' %}
{% block title %}Fermetures société{% 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>Fermetures</strong></nav>
            <h1>Fermetures société</h1>
        </div>
        <div class="data-page__actions"><a class="data-button data-button--primary" href="#closure-create"><i class="ti ti-plus" aria-hidden="true"></i>Nouvelle fermeture</a></div>
    </div>
    {% include '@Leave/leave/settings/_settings_nav.html.twig' with {active: 'closures'} %}
    <section class="settings-note settings-note--warning"><i class="ti ti-alert-triangle" aria-hidden="true"></i><span><strong>Impact sur les soldes</strong><br>Une fermeture société peut générer des absences collectives et impacter les soldes des salariés. Vérifiez les paramètres avant de créer ou modifier une fermeture.</span></section>
    <div class="metric-grid metric-grid--3">
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--blue"><i class="ti ti-building-skyscraper" aria-hidden="true"></i></span><span class="metric-card__label">Fermetures</span><strong class="metric-card__value">{{ closures|length }}</strong><span class="metric-card__caption">Fermetures configurées</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--amber"><i class="ti ti-calendar-x" aria-hidden="true"></i></span><span class="metric-card__label">Jours fermés</span><strong class="metric-card__value">{{ closed_days_count }}</strong><span class="metric-card__caption">Jours fermés en {{ 'now'|date('Y') }}</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--green"><i class="ti ti-users" aria-hidden="true"></i></span><span class="metric-card__label">Salariés</span><strong class="metric-card__value">{{ active_salaries_count }}</strong><span class="metric-card__caption">Salariés concernés</span></article>
    </div>

    <div class="settings-layout">
        <section class="data-card">
            <div class="data-toolbar">
                <div class="data-toolbar__title"><h2>{{ closures|length }} fermetures configurées</h2><span class="data-sub-text">· Exercice {{ 'now'|date('Y') }}</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>Nom</th><th>Établissement</th><th>Type imputé</th><th>Début</th><th>Fin</th><th>Durée</th><th>Commentaire</th><th class="data-table__actions">Actions</th></tr></thead>
                    <tbody>
                    {% for closure in closures %}
                        {% set duration = closure.startDate.diff(closure.endDate).days + 1 %}
                        <tr class="data-row" data-leave-settings-target="row">
                            <td><strong>{{ closure.nom }}</strong><div class="data-sub-text">Fermeture collective</div></td>
                            <td><span class="settings-chip">{{ closure.establishment ?: 'Tous les établissements' }}</span></td>
                            <td><span class="settings-chip settings-chip--blue">{{ closure.leaveType ?: 'Non imputée' }}</span></td>
                            <td>{{ closure.startDate|date('d/m/Y') }}</td>
                            <td>{{ closure.endDate|date('d/m/Y') }}</td>
                            <td><span class="settings-chip">{{ duration }} j</span></td>
                            <td class="data-sub-text">{{ closure.comment|default('—') }}</td>
                            <td class="data-table__actions">
                                <form method="post" action="{{ path('app_leave_settings_closure_period_delete', {id: closure.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('leave_closure_period_delete_' ~ closure.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="8" class="text-center text-muted py-5">Aucune fermeture planifiée.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>

        <aside class="settings-side-card" id="closure-create">
            <div class="settings-panel__header"><div class="settings-panel__title"><span class="settings-panel__icon settings-panel__icon--blue"><i class="ti ti-plus" aria-hidden="true"></i></span><h2>Nouvelle fermeture</h2></div></div>
            <form class="settings-form" method="post" action="{{ path('app_leave_settings_closure_period_create') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('leave_closure_period_create') }}">
                <span class="settings-note settings-note--warning"><i class="ti ti-alert-circle" aria-hidden="true"></i>Cette fermeture impactera les soldes des salariés concernés.</span>
                <label class="settings-field"><span>Nom de la fermeture *</span><input class="form-control" name="nom" placeholder="ex : Fermeture de Noël" required></label>
                <label class="settings-field"><span>Établissement *</span><select class="form-select" name="establishment"><option value="">Tous les établissements</option>{% for establishment in establishments %}<option value="{{ establishment.id }}">{{ establishment.nom }}</option>{% endfor %}</select></label>
                <label class="settings-field"><span>Type de congé imputé *</span><select class="form-select" name="leaveType"><option value="">Sélectionner...</option>{% for type in types %}<option value="{{ type.id }}">{{ type.nom }}</option>{% endfor %}</select></label>
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Date début *</span><input class="form-control" type="date" name="startDate" required data-leave-settings-target="startDate" data-action="change->leave-settings#updateClosureDuration"></label>
                    <label class="settings-field"><span>Date fin *</span><input class="form-control" type="date" name="endDate" required data-leave-settings-target="endDate" data-action="change->leave-settings#updateClosureDuration"></label>
                </div>
                <span class="settings-chip d-flex justify-content-between"><span>Durée calculée</span><strong data-leave-settings-target="duration">— jours</strong></span>
                <label class="settings-field"><span>Commentaire</span><textarea class="form-control" name="comment" rows="4" placeholder="Informations complémentaires..."></textarea></label>
                <button class="data-button data-button--primary w-100" type="submit"><i class="ti ti-building-skyscraper" aria-hidden="true"></i>Créer la fermeture</button>
            </form>
        </aside>
    </div>
</div>
{% endblock %}