{% load currency_filters category_tags i18n menu_tags static customer_tags hijack_tags content_tags %}
<header class="hook-header fixed-top">
    {% hijack_notification %}
    {% block top_bar %}
        <div class="navbar navbar-expand navbar-dark flex-column top-bar">
            <div class="text-center">
                {% top_bar %}
            </div>
        </div>
    {% endblock %}
    <nav id="slide-in-nav" style="display: none">
        <ul>
            {% multi_level_mobile_menu 'main' %}

            {% if user.is_authenticated %}
                <li>
                    <a href="{% url 'customer:summary' %}">{% trans "Account" %}</a>
                </li>
                <li>
                    <a id="logout_link" href="{% url 'customer:logout' %}">{% trans "Logout" %}</a>
                </li>
            {% else %}
                <li>
                    <a id="login_link" href="{% url 'customer:login' %}">{% trans "Login/Register" %}</a>
                </li>
                <li>
                    <a href="{% url 'subscription:get_started' %}" class="btn btn-primary text-uppercase">
                        Get Started
                    </a>
                </li>
            {% endif %}
        </ul>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="navbar navbar-expand-lg navbar-fixed-top navbar-light flex-row bd-navbar">
                    <a class="navbar-brand mr-md-2" href="{% url 'promotions:home' %}" aria-label="">
                        {% include "partials/brand.html" %}
                    </a>
                    <div class="collapse ml-auto navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">
                            {% multi_level_menu 'main' %}
                            {% include "partials/nav_accounts.html" %}
                            {% if not request.user.is_authenticated %}
                                <li class="nav-item">
                                    <a href="#" id="menu-shop-selector" class="nav-link">
                                        {% selected_country %}
                                    </a>
                                </li>
                            {% endif %}
                        </ul>
                        {% block nav_extra %}
                        {% endblock %}
                    </div>
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            {% include 'partials/mini_basket.html' %}
                        </li>
                    </ul>
                    <div class="flex d-xs">
                        <a href="#" class="navbar-toggler">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</header>