{# components/bottom_nav.twig #}
{% set items = items ?? [
    { key: 'dashboard', label: translations.home ?? 'Home',       icon: 'bi-house',          href: ROOT ~ '/dashboard' },
    { key: 'shops',     label: translations.shops ?? 'Shops',     icon: 'bi-shop',           href: ROOT ~ '/shops' },
    { key: 'tasks',     label: translations.tasks ?? 'Tasks',     icon: 'bi-check2-square',  href: ROOT ~ '/tasks' },
    { key: 'schedule',  label: translations.schedule ?? 'Schedule', icon: 'bi-calendar-week', href: ROOT ~ '/schedule' },
    { key: 'trend',     label: translations.trend ?? 'Trend',     icon: 'bi-graph-up-arrow', href: ROOT ~ '/trend' },
] %}

<nav class="emp-bottom-nav" role="navigation" aria-label="{{ translations.primary_navigation ?? 'Primary navigation' }}">
    {% for it in items %}
        {% set is_active = (active_nav ?? '') == it.key %}
        <a class="emp-bottom-item {{ is_active ? 'is-active' : '' }}"
           href="{{ it.href }}"
           aria-current="{{ is_active ? 'page' : 'false' }}">
            <i class="bi {{ it.icon }}"></i>
            <span>{{ it.label }}</span>
        </a>
    {% endfor %}
</nav>