{% load i18n %}
{% load agency_navigation %}

<header>
    <nav class="navbar navbar-expand-lg navbar-light header-inner">
        <div class="container">
            <a class="navbar-brand" title="{% trans 'Website logo en home pagina navigatie' %}" href="/">
                {% include "partials/brand.html" with big=True %}
            </a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#carbasaHeaderNav" aria-controls="carbasaHeaderNav" aria-expanded="false" aria-label="{% trans 'Toggle navigation' %}">
                <span class="navbar-toggler-icon"></span>
            </button>

            {% block nav %}
            <div class="collapse navbar-collapse menu-bar page-menu-bar" id="carbasaHeaderNav">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown agency-nav-dropdown">
                        <a class="nav-link dropdown-toggle" href="/diensten/" id="carbasaHeaderDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            {% trans "Our Collection" %}
                        </a>
                        {% agency_nav_pages as nav_pages %}
                        <ul class="dropdown-menu" aria-labelledby="carbasaHeaderDropdown">
                            {% for nav_page in nav_pages %}
                            <li>
                                <a class="dropdown-item" href="{{ nav_page.url }}">{{ nav_page.title }}</a>
                            </li>
                            {% endfor %}
                        </ul>
                    </li>
                </ul>
            </div>
            {% endblock %}

            {% block user_bar %}
                {% include "oxyan/headers/partials/carbasa-user-bar.html" %}
            {% endblock %}
        </div>
    </nav>
</header>