{#
<!-- Header -- >
<header>
    <div class="container">
        <nav class="navbar">
            <div class="{{ model.FLAG_LOGO }}" href="{{ model.HASH_PAGE_HOME }}">{{ model.NAME_COMPANY }}</div>
            <div class="nav-links">
                {% block page_nav_links %}{% endblock %}
            </div>
        </nav>
    </div>
</header>
-->
#}

<!-- Hamburger navigation menu -->
{% include 'components/common/buttons/_icon_hamburger.html' %}
<div id="{{ model.ID_OVERLAY_HAMBURGER }}" class="{{ model.FLAG_OVERLAY}} {{ model.FLAG_HAMBURGER }} {{ model.FLAG_IS_COLLAPSED }}">
    <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
        <a class="{{ model.FLAG_NAV_HOME }}" href="{{ model.HASH_PAGE_HOME }}">Home</a>
    </div>
    <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
        <a class="{{ model.FLAG_NAV_CONTACT }}" href="{{ model.HASH_PAGE_CONTACT }}">Contact</a>
    </div>
    {% if True or model.user.can_admin_dog %}
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_DOG_HOME }}" href="{{ model.HASH_PAGE_DOG_HOME }}">Dog Home</a>
        </div>
    {% endif %}
    {% if model.user.get_is_logged_in() %}
        {#
            <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                <a class="{{ model.FLAG_NAV_USER_ACCOUNT }}" href="{{ model.HASH_PAGE_USER_ACCOUNT }}">Account</a>
            </div>
        #}
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_USER_LOGOUT }}" href="{{ model.HASH_PAGE_USER_LOGOUT }}">Logout</a>
        </div>
    {% else %}
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_USER_LOGIN }}" href="{{ model.HASH_PAGE_USER_LOGIN }}">Login</a>
        </div>
    {% endif %}
</div>