{% set route = app.request.attributes.get('_route') %}
<div class="flex gap-1 mb-4 border-b border-line text-sm overflow-x-auto overflow-y-hidden">
    {% set tabs = [
        {path: path('app_balance'), label: 'Synthèse', match: ['app_balance']},
        {path: path('app_balance_transfers'), label: 'Transferts', match: ['app_balance_transfers', 'app_transfer_edit']},
    ] %}
    {% for tab in tabs %}
    <a href="{{ tab.path }}"
       class="px-3 py-2 -mb-px border-b-2 whitespace-nowrap transition-colors {{ route in tab.match ? 'border-accent text-ink font-medium' : 'border-transparent text-muted hover:text-ink' }}">{{ tab.label }}</a>
    {% endfor %}
</div>