{% extends '@App/app.html.twig' %}
{% block title %}Politiques 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><span>Paramètres</span><i class="ti ti-chevron-right" aria-hidden="true"></i><strong>Politiques</strong></nav>
            <h1>Politiques de congés</h1>
        </div>
    </div>
    {% include '@Leave/leave/settings/_settings_nav.html.twig' with {active: 'policies'} %}
    <section class="settings-note settings-note--blue">
        <i class="ti ti-info-circle" aria-hidden="true"></i>
        <span><strong>Paramètres propres à la société</strong><br>Les politiques définissent l'acquisition, le décompte des jours, les reports et le workflow de validation.</span>
    </section>
    <section class="data-card">
        <div class="data-toolbar">
            <div class="data-toolbar__title"><h2>{{ policies|length }} politiques configurées</h2></div>
        </div>
        <div class="data-table-wrap">
            <table class="data-table">
                <thead><tr><th>Nom</th><th>Décompte</th><th>Acquisition CP</th><th>RTT</th><th>Workflow</th><th>Statut</th><th class="data-table__actions">Actions</th></tr></thead>
                <tbody>
                {% for policy in policies %}
                    <tr class="data-row">
                        <td><strong>{{ policy.nom }}</strong>{% if policy.defaultPolicy %}<span class="data-badge data-badge--success ms-2"><i></i>Défaut</span>{% endif %}<div class="data-sub-text">{{ policy.description|default('—') }}</div></td>
                        <td>{{ policy.workingDayMode|replace({'_': ' '})|title }}</td>
                        <td><strong>{{ policy.paidLeaveAccrualRate|number_format(2, ',', ' ') }} j/mois</strong></td>
                        <td>{{ policy.rttAccrualRate|number_format(2, ',', ' ') }} j/mois</td>
                        <td><span class="settings-chip settings-chip--blue">{{ policy.approvalWorkflow|replace({'_': ' → '})|title }}</span></td>
                        <td><span class="data-badge {{ policy.actif ? 'data-badge--success' : 'data-badge--muted' }}"><i></i>{{ policy.actif ? 'Active' : 'Inactive' }}</span></td>
                        <td class="data-table__actions"><a class="data-action-button" href="{{ path('app_leave_settings_policy_edit', {id: policy.id}) }}" title="Modifier"><i class="ti ti-pencil" aria-hidden="true"></i></a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="7" class="text-center text-muted py-5">Aucune politique configurée.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}