timetracking/httpdocs/templates/_sections/nav.html.twig

{# templates/_sections/nav.html.twig #}
{% set currentRoute = app.request.attributes.get('_route') %}

<nav class="main-nav">
    <div class="main-nav__left">
        <a href="{{ path('timetracking_week') }}"
           class="main-nav__item{% if currentRoute starts with 'timetracking' %} main-nav__item--active{% endif %}">
            {{ 'app.nav.time_tracking'|trans }}
        </a>
        <a href="{{ path('report_times') }}"
           class="main-nav__item{% if currentRoute starts with 'report' %} main-nav__item--active{% endif %}">
            {{ 'app.nav.reports'|trans }}
        </a>
    </div>
    <div class="main-nav__right">
        {% if isCurrentUserMemberOrAdmin() %}
            <a href="{{ path('client_index') }}"
               class="main-nav__item{% if currentRoute starts with 'client' %} main-nav__item--active{% endif %}">
                {{ 'app.nav.clients'|trans }}
            </a>
            <a href="{{ path('project_index') }}"
               class="main-nav__item{% if currentRoute starts with 'project' %} main-nav__item--active{% endif %}">
                {{ 'app.nav.projects'|trans }}
            </a>
            <a href="{{ path('service_index') }}"
               class="main-nav__item{% if currentRoute starts with 'service' %} main-nav__item--active{% endif %}">
                {{ 'app.nav.services'|trans }}
            </a>
        {% endif %}
        {% if isCurrentUserAdmin() %}
            <a href="{{ path('team_index') }}"
               class="main-nav__item{% if currentRoute starts with 'team' %} main-nav__item--active{% endif %}">
                {{ 'app.nav.team'|trans }}
            </a>
        {% endif %}
        <a href="{{ path('account_index') }}"
           class="main-nav__item{% if currentRoute starts with 'account' %} main-nav__item--active{% endif %}">
            {{ 'app.nav.account'|trans }}
        </a>
        <a href="{{ path('app_logout') }}" class="main-nav__item">
            {{ 'app.nav.logout'|trans }}
        </a>
    </div>
</nav>

{# Hamburger-Navigation — nur im Minimal-Theme sichtbar (via CSS) #}
<div class="hamburger-nav" id="hamburger-nav">
    <button class="hamburger-nav__toggle" id="hamburger-toggle" aria-label="Menü öffnen" aria-expanded="false">
        <span class="hamburger-nav__icon"></span>
    </button>
    <div class="hamburger-nav__panel" id="hamburger-panel" hidden>
        <a href="{{ path('timetracking_week') }}"
           class="hamburger-nav__item{% if currentRoute starts with 'timetracking' %} hamburger-nav__item--active{% endif %}">
            {{ 'app.nav.time_tracking'|trans }}
        </a>
        <a href="{{ path('report_times') }}"
           class="hamburger-nav__item{% if currentRoute starts with 'report' %} hamburger-nav__item--active{% endif %}">
            {{ 'app.nav.reports'|trans }}
        </a>
        {% if isCurrentUserMemberOrAdmin() %}
            <a href="{{ path('client_index') }}"
               class="hamburger-nav__item{% if currentRoute starts with 'client' %} hamburger-nav__item--active{% endif %}">
                {{ 'app.nav.clients'|trans }}
            </a>
            <a href="{{ path('project_index') }}"
               class="hamburger-nav__item{% if currentRoute starts with 'project' %} hamburger-nav__item--active{% endif %}">
                {{ 'app.nav.projects'|trans }}
            </a>
            <a href="{{ path('service_index') }}"
               class="hamburger-nav__item{% if currentRoute starts with 'service' %} hamburger-nav__item--active{% endif %}">
                {{ 'app.nav.services'|trans }}
            </a>
        {% endif %}
        {% if isCurrentUserAdmin() %}
            <a href="{{ path('team_index') }}"
               class="hamburger-nav__item{% if currentRoute starts with 'team' %} hamburger-nav__item--active{% endif %}">
                {{ 'app.nav.team'|trans }}
            </a>
        {% endif %}
        <div class="hamburger-nav__divider"></div>
        <a href="{{ path('account_index', {tab: 'user'}) }}"
           class="hamburger-nav__item{% if currentRoute starts with 'account' %} hamburger-nav__item--active{% endif %}">
            {{ 'app.nav.account'|trans }}
        </a>
        <a href="{{ path('app_logout') }}" class="hamburger-nav__item">
            {{ 'app.nav.logout'|trans }}
        </a>
    </div>
</div>