{% set active = active|default('overview') %}
{% set items = [
    {id: 'overview', label: "Vue d'ensemble", icon: 'ti-adjustments-horizontal', route: 'app_leave_settings_index'},
    {id: 'types', label: 'Types de congés', icon: 'ti-tags', route: 'app_leave_settings_types'},
    {id: 'policies', label: 'Politiques', icon: 'ti-shield', route: 'app_leave_settings_policies'},
    {id: 'periods', label: 'Périodes', icon: 'ti-refresh', route: 'app_leave_settings_periods'},
    {id: 'holidays', label: 'Jours fériés', icon: 'ti-star', route: 'app_leave_settings_holidays'},
    {id: 'closures', label: 'Fermetures', icon: 'ti-building-skyscraper', route: 'app_leave_settings_closure_periods'}
] %}

<nav class="settings-tabs" aria-label="Paramètres congés">
    {% for item in items %}
        <a class="settings-tabs__item {{ active == item.id ? 'is-active' : '' }}" href="{{ path(item.route) }}">
            <i class="ti {{ item.icon }}" aria-hidden="true"></i>
            {{ item.label }}
        </a>
    {% endfor %}
</nav>