{% extends '@App/app.html.twig' %}
{% block title %}Paramètres des congés{% endblock %}
{% block content %}
<div class="data-page">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb"><span>Congés</span><i class="ti ti-chevron-right" aria-hidden="true"></i><strong>Paramètres</strong></nav>
            <h1>Paramètres des congés</h1>
        </div>
    </div>

    <section class="settings-hero">
        <span class="settings-hero__icon"><i class="ti ti-adjustments-horizontal" aria-hidden="true"></i></span>
        <div>
            <h2>Configuration du module Congés</h2>
            <p>Gérez les types, politiques, périodes, jours fériés et fermetures de votre entreprise.</p>
        </div>
        <div class="settings-hero__stats">
            <span class="settings-hero__stat"><strong>6</strong><span>Modules actifs</span></span>
            <span class="settings-hero__stat"><strong>100%</strong><span>Configuré</span></span>
        </div>
    </section>

    <div class="settings-card-grid">
        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--blue"><i class="ti ti-tags" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--success"><i></i>{{ stats.types_active }} actifs</span>
            </div>
            <div>
                <h2>Types de congés</h2>
                <p>Configurer les congés payés, RTT, absences et règles associées à chaque type.</p>
            </div>
            <div class="settings-card__footer">
                <div class="settings-chip-list">
                    {% for type in types|slice(0, 3) %}
                        <span class="settings-chip settings-chip--blue">{{ type.nom }}</span>
                    {% endfor %}
                    {% if stats.types_total > 3 %}<span class="settings-chip">+{{ stats.types_total - 3 }}</span>{% endif %}
                </div>
                <a class="data-button data-button--primary" href="{{ path('app_leave_settings_types') }}">Gérer <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>

        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--purple"><i class="ti ti-scale" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--success"><i></i>Active</span>
            </div>
            <div>
                <h2>Politiques de congés</h2>
                <p>Définir l'acquisition, le workflow de validation, les reports et les jours décomptés.</p>
            </div>
            <div class="settings-card__footer">
                <div class="settings-form__grid">
                    <span class="settings-chip">Politique active<br><strong>{{ default_policy ? default_policy.nom : 'À configurer' }}</strong></span>
                    <span class="settings-chip">Workflow<br><strong>{{ default_policy ? default_policy.approvalWorkflow|replace({'_': ' → '})|title : '—' }}</strong></span>
                </div>
                <a class="data-button data-button--primary" href="{{ path('app_leave_settings_policies') }}">Configurer <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>

        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--green"><i class="ti ti-refresh" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--success"><i></i>{{ current_period ? 'Ouverte' : 'À créer' }}</span>
            </div>
            <div>
                <h2>Périodes</h2>
                <p>Gérer les périodes de référence pour l'acquisition des congés et les clôtures annuelles.</p>
            </div>
            <div class="settings-card__footer">
                <span class="settings-note settings-note--blue">
                    <i class="ti ti-circle-check" aria-hidden="true"></i>
                    <span><strong>Période courante {{ current_period ? current_period.status : 'non définie' }}</strong><br>{{ current_period ? current_period.startDate|date('d/m/Y') ~ ' – ' ~ current_period.endDate|date('d/m/Y') : 'Aucune période ouverte' }}</span>
                </span>
                <a class="data-button data-button--primary" href="{{ path('app_leave_settings_periods') }}">Gérer <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>

        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--orange"><i class="ti ti-star" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--warning"><i></i>{{ stats.holidays_count }} jours</span>
            </div>
            <div>
                <h2>Jours fériés</h2>
                <p>Configurer les calendriers de jours fériés par société ou établissement.</p>
            </div>
            <div class="settings-card__footer">
                <span class="data-sub-text">Cette année <strong>{{ stats.holidays_count }} jours fériés</strong></span>
                <a class="data-button data-button--primary" href="{{ path('app_leave_settings_holidays') }}">Gérer <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>

        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--red"><i class="ti ti-building-skyscraper" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--warning"><i></i>{{ stats.closures_count }} prévues</span>
            </div>
            <div>
                <h2>Fermetures société</h2>
                <p>Planifier les fermetures collectives obligatoires impactant tous les salariés.</p>
            </div>
            <div class="settings-card__footer">
                {% for closure in closures|slice(0, 2) %}
                    <span class="settings-chip">{{ closure.nom }} · {{ closure.startDate|date('d/m') }}–{{ closure.endDate|date('d/m/Y') }}</span>
                {% else %}
                    <span class="settings-chip">Aucune fermeture planifiée</span>
                {% endfor %}
                <a class="data-button data-button--primary" href="{{ path('app_leave_settings_closure_periods') }}">Gérer <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>

        <article class="settings-card">
            <div class="settings-card__top">
                <span class="settings-card__icon settings-card__icon--teal"><i class="ti ti-file-export" aria-hidden="true"></i></span>
                <span class="data-badge data-badge--info"><i></i>Disponible</span>
            </div>
            <div>
                <h2>Exports</h2>
                <p>Exporter les absences et soldes vers la paie ou des outils tiers au format CSV ou Excel.</p>
            </div>
            <div class="settings-card__footer">
                <div class="settings-form__grid">
                    <span class="settings-chip settings-chip--teal">CSV</span>
                    <span class="settings-chip settings-chip--green">Excel / Paie</span>
                </div>
                <a class="data-button data-button--primary" href="{{ path('app_leave_export_index') }}">Accéder <i class="ti ti-arrow-right" aria-hidden="true"></i></a>
            </div>
        </article>
    </div>

    <section class="settings-panel">
        <div class="settings-panel__header">
            <div class="settings-panel__title">
                <i class="ti ti-history" aria-hidden="true"></i>
                <h2>Activité récente de configuration</h2>
            </div>
            <a class="data-link" href="#">Voir tout</a>
        </div>
        <div class="data-activity-list">
            <article class="data-activity-item">
                <span class="data-activity-item__icon data-activity-item__icon--blue"><i class="ti ti-tags" aria-hidden="true"></i></span>
                <div><strong>Configuration des congés vérifiée</strong><span>{{ 'now'|date('d/m/Y H:i') }}</span></div>
            </article>
        </div>
    </section>
</div>
{% endblock %}