{#
<!-- Header -- >
<header>
    <div class="container">
        <nav class="navbar">
            <div class="{{ model.FLAG_LOGO }}" href="{{ model.HASH_PAGE_MTG_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 }}">
    {% if model.user.get_is_logged_in() %}
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_MTG_GAMES }}" href="{{ model.HASH_PAGE_MTG_GAMES }}">Games</a>
        </div>
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_MTG_DECKS }}" href="{{ model.HASH_PAGE_MTG_DECKS }}">Decks</a>
        </div>
        {#
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
            <a class="{{ model.FLAG_NAV_USER_ACCOUNT }}" href="{{ model.HASH_PAGE_USER_ACCOUNT }}">Account</a>
        </div>
        #}
    {% endif %}
    <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
        <a class="{{ model.FLAG_NAV_MTG_TRIAL_GAME }}" href="{{ model.HASH_PAGE_MTG_TRIAL_GAME }}">Trial Game</a>
    </div>
    {% if model.user.get_is_logged_in() %}
        <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>