{% set rotta = app.request.attributes.get('_route') %}
<header class="topbar">
    <div class="topbar__inner">
        <a href="{{ path('home') }}" class="brand">
            <img src="{{ asset('img/logo.png') }}" alt="" class="brand__logo"> Most<span>ry</span>
        </a>

        <nav class="nav" id="nav">
            <a href="{{ path('funzionalita') }}" class="{{ rotta == 'funzionalita' ? 'is-active' : '' }}">Funzionalità</a>
            <a href="{{ path('assistente_interno') }}" class="{{ rotta == 'assistente_interno' ? 'is-active' : '' }}">Assistente interno</a>
            <a href="{{ path('prezzi') }}" class="{{ rotta == 'prezzi' ? 'is-active' : '' }}">Prezzi</a>
            {# Accedi + Prova compaiono nel menu solo su mobile #}
            <a href="{{ path('login') }}" class="nav__mobile-only"><i class="fa-solid fa-arrow-right-to-bracket"></i> Accedi</a>
            <a href="{{ path('trial') }}" class="nav__mobile-only nav__cta">Prova gratis</a>
        </nav>

        <div class="topbar__actions">
            <a href="{{ path('trial') }}" class="btn btn--sm">Prova gratis</a>
            <a href="{{ path('login') }}" class="btn btn--ghost btn--sm topbar__login">
                <i class="fa-solid fa-arrow-right-to-bracket"></i> Accedi
            </a>
        </div>

        <button class="nav-toggle" id="navToggle" aria-label="Apri il menu" aria-expanded="false">
            <i class="fa-solid fa-bars"></i>
        </button>
    </div>
</header>