{% load static %}
{% load svg from press_url %}
{% load svg_or_image from press_url %}
{% load roles %}
{% load i18n %}
{% load hooks %}
{% load next_url %}


<nav class="header-overrides" role="navigation">
    <div class="nav-wrapper{% if not request.journal.full_width_navbar %} container{% endif %}">
        <a id="logo-container" href="{% url 'website_index' %}" class="brand-logo">
            {% if request.journal %}
                {% if request.journal.header_image %}
                    {% svg_or_image request.journal.header_image css_class="header-override-image" %}
                {% else %}
                    <img src="{% static "common/img/sample/janeway.png" %}">
                {% endif %}
            {% else %}
            <a href="{% url 'website_index' %}">{% svg request.press_cover %}</a>
            {% endif %}
        </a>
        <a
            href="#!"
            data-target="nav-mobile"
            class="sidenav-trigger">
            <i aria-hidden="true" class="fa fa-bars" ></i>
            <span class="sr-only">{% trans 'Open navigation menu' %}</span>
        </a>
        <ul class="right hide-on-med-and-down">
            {% if request.journal.nav_home %}
            <li><a href="{% url 'website_index' %}">{% trans "Home" %}</a></li>
            {% endif %}
            {% if request.journal.nav_news %}
                <li><a href="{% url 'core_news_list' %}">{{ journal_settings.news.news_title }}</a></li>
            {% endif %}
            {% if request.journal.nav_articles %}
                <li><a href="{% url 'journal_articles' %}">{% trans "Articles" %}</a></li>
            {% endif %}
            {% if request.journal.nav_issues %}
                <li><a href="{% url 'journal_issues' %}">{% trans "Issues" %}</a></li>
            {% endif %}
            {% if journal_settings.general.enable_editorial_display %}
                <li><a href="{% url 'editorial_team' %}">{{ journal_settings.styling.editorial_group_page_name }}</a></li>
            {% endif %}
            {% if request.journal.nav_sub %}
                <li><a href="{% url 'journal_submissions' %}">{% trans "Submission" %}</a></li>
            {% endif %}
            {% if request.journal.nav_contact %}
                <li><a href="{% url 'contact' %}">{% trans "Contact" %}</a></li>
            {% endif %}

            {% for item in navigation_items %}
                {% if item.has_sub_nav %}
                    <li>
                        <a
                            class="dropdown-trigger"
                            href="#!"
                            data-target="{{ item.link_name|slugify }}"
                            aria-haspopup="true"
                            aria-expanded="false"
                            role="button">
                            {{ item.link_name }}
                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                        </a>
                    </li>
                {% elif not item.for_footer %}
                <li><a href="{{ item.url }}" class="nav-link">{{ item.link_name }}</a></li>
                {% endif %}
            {% endfor %}

            {% if request.journal.nav_review %}
                <li><a href="{% url 'become_reviewer' %}"><i aria-hidden="true" class="fa fa-trophy">&nbsp;</i>{% trans "Become a Reviewer" %}</a></li>
            {% endif %}
            {% hook 'nav_block' %}
            {% if request.user.is_authenticated %}
                <li>
                    <a
                        class="dropdown-trigger"
                        href="#!"
                        data-target="account"
                        aria-haspopup="true"
                        aria-expanded="false"
                        role="button">
                        {% trans "Account" %}
                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                    </a>
                </li>
            {% else %}
                <li>
                  <a href="{% url 'core_login' %}" class="nav-link">
                    {% trans "Log in" %}
                  </a>
                </li>
                <li>
                  <a href="{% url 'core_register' %}">
                    {% trans "Register" %}
                  </a>
                </li>
            {% endif %}
        </ul>

        <ul class="sidenav" id="nav-mobile">
            {% if request.journal.nav_home %}
            <li><a href="{% url 'website_index' %}">{% trans "Home" %}</a></li>
            {% endif %}
            {% if request.journal.nav_news %}
                <li><a href="{% url 'core_news_list' %}">{% trans "News" %}</a></li>
            {% endif %}
            {% if request.journal.nav_articles %}
                <li><a href="{% url 'journal_articles' %}">{% trans "Articles" %}</a></li>
            {% endif %}
            {% if request.journal.nav_issues %}
                <li><a href="{% url 'journal_issues' %}">{% trans "Issues" %}</a></li>
            {% endif %}
            {% if journal_settings.general.enable_editorial_display == 'on' %}
                <li><a href="{% url 'editorial_team' %}">{{ journal_settings.styling.editorial_group_page_name }}</a></li>
            {% endif %}
            {% if request.journal.nav_sub %}
                <li><a href="{% url 'journal_submissions' %}">{% trans "Submission" %}</a></li>
            {% endif %}
            {% if request.journal.nav_contact %}
                <li><a href="{% url 'contact' %}">{% trans "Contact" %}</a></li>
            {% endif %}

            {% for item in navigation_items %}
                {% if item.has_sub_nav %}
                    <li id="nav-item-{{ forloop.counter }}">
                        <a
                            class="dropdown-trigger"
                            href="#!"
                            data-target="{{ item.link_name|slugify }}-mobile"
                            aria-haspopup="true"
                            aria-expanded="false"
                            role="button">
                            {{ item.link_name }}
                            <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                        </a>
                    </li>
                {% else %}
                    <li><a href="{{ item.url }}" class="nav-link">{{ item.link_name }}</a></li>
                {% endif %}
            {% endfor %}

            {% if request.user.is_authenticated %}
                <li id="account-menu">
                    <a
                        class="dropdown-trigger"
                        href="#!"
                        data-target="sidenav-account"
                        aria-haspopup="true"
                        aria-expanded="false"
                        role="button">
                        {% trans "Account" %}
                        <i aria-hidden="true" class="fa fa-caret-down right" ></i>
                    </a>
                </li>
            {% else %}
                <li>
                  <a href="{% url 'core_login' %}" class="nav-link">
                    {% trans "Log in" %}
                  </a>
                </li>
                <li>
                  <a href="{% url 'core_register' %}">
                    {% trans "Register" %}
                  </a>
                </li>
            {% endif %}
        </ul>
    </div>
</nav>

{% if request.user.is_authenticated %}
    {% user_has_role request 'editor' as user_is_editor %}
    <ul id="sidenav-account" class="dropdown-content" role="menu" aria-labelledby="account-menu">
        <li><a class="dropdown-item" href="{% url 'core_dashboard' %}" role="menuitem">{% trans "Dashboard" %}</a></li>
        {% if not journal_settings.general.disable_journal_submission %}
            <li><a class="dropdown-item" href="{% url 'submission_start' %}" role="menuitem">{% trans "Submit" %}</a></li>{% endif %}
        {% if user_is_editor or request.user.is_staff %}
            <li><a class="dropdown-item" href="{% url 'kanban' %}" role="menuitem">{% trans "Kanban" %}</a></li>
            <li><a class="dropdown-item" href="{% url 'core_manager_index' %}" role="menuitem">{% trans "Manager" %}</a></li>
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'article_view' and article %}
                <li><a class="dropdown-item" href="{% url 'manage_archive_article' article.pk %}" role="menuitem">{% trans "Edit Article" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'journal_issue' and issue %}
                <li><a class="dropdown-item" href="{% url 'manage_issues_id' issue.pk %}" role="menuitem">{% trans "Edit Issue" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'core_news_item' and news_item %}
                <li><a class="dropdown-item" href="{% url 'core_manager_edit_news' news_item.pk %}" role="menuitem">{% trans "Edit News Item" %}</a></li>
            {% endif %}
        {% endif %}
        {% if request.user.is_staff %}
            <li><a class="dropdown-item" href="/admin/" role="menuitem">{% trans "Admin" %}</a></li>
        {% endif %}
        <li><a class="dropdown-item" href="{% url 'core_edit_profile' %}">{% trans "Profile" %}</a></li>
        <li><a class="dropdown-item" href="{% url 'core_logout' %}">{% trans "Logout" %}</a></li>
    </ul>

    <ul id="account" class="dropdown-content" role="menu" aria-labelledby="account-menu">
        <li><a class="dropdown-item" href="{% url 'core_dashboard' %}">{% trans "Dashboard" %}</a></li>
        {% if user_is_editor %}
        <li><a class="dropdown-item" href="{% url 'kanban' %}">{% trans "Kanban" %}</a></li>
        {% endif %}
        {% if not journal_settings.general.disable_journal_submission %}
            <li><a class="dropdown-item" href="{% url 'submission_start' %}">{% trans "Submit" %}</a></li>{% endif %}
        {% user_has_role request 'editor' as user_is_editor %}
        {% if user_is_editor or request.user.is_staff %}
            <li><a class="dropdown-item" href="{% url 'core_manager_index' %}">{% trans "Manager" %}</a></li>
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'journal_submissions' %}
                <li><a href="{% url 'core_edit_settings_group' 'submission' %}">{% trans "Edit Submissions Page" %}</a></li>
                <li><a href="{% url 'core_edit_settings_group' 'journal' %}">{% trans "Edit Journal Info" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'cms_page' and page %}
                <li><a href="{% url 'cms_page_edit' page.pk %}">{% trans "Edit Page" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'editorial_team' %}
                <li><a href="{% url 'core_editorial_team' %}">{% trans "Manage Editorial Team" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'article_view' and article %}
                <li><a class="dropdown-item" href="{% url 'manage_archive_article' article.pk %}" role="menuitem">{% trans "Edit Article" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'journal_issue' and issue %}
                <li><a class="dropdown-item" href="{% url 'manage_issues_id' issue.pk %}" role="menuitem">{% trans "Edit Issue" %}</a></li>
            {% endif %}
            {% if request.resolver_match.url_name and request.resolver_match.url_name == 'core_news_item' and news_item %}
                <li><a class="dropdown-item" href="{% url 'core_manager_edit_news' news_item.pk %}" role="menuitem">{% trans "Edit News Item" %}</a></li>
            {% endif %}
        {% endif %}
        {% if request.user.is_staff %}
            <li><a class="dropdown-item" href="/admin/" role="menuitem">{% trans "Admin" %}</a></li>
        {% endif %}
        <li><a class="dropdown-item" href="{% url 'core_edit_profile' %}">{% trans "Profile" %}</a></li>
        <li><a class="dropdown-item" href="{% url 'core_logout' %}">{% trans "Logout" %}</a></li>
    </ul>
{% endif %}


{% for item in navigation_items %}
    {% if item.has_sub_nav %}
        <ul id="{{ item.link_name|slugify }}" class="dropdown-content" role="menu" aria-labelledby="nav-item-{{ forloop.counter }}">
            {% if item.link %}<li><a href="{{ item.url }}" class="dropdown-item" role="menuitem">{{ item.link_name }}</a></li>{% endif %}
            {% for subnav in item.sub_nav_items %}
                <li><a href="{{ subnav.url }}" class="dropdown-item" role="menuitem">{{ subnav.link_name }}</a></li>
            {% endfor %}
        </ul>
    {% endif %}
{% endfor %}

{% for item in navigation_items %}
    {% if item.has_sub_nav %}
        <ul id="{{ item.link_name|slugify }}-mobile" class="dropdown-content" role="menu" aria-labelledby="nav-item-{{ forloop.counter }}">
            {% if item.link %}<li><a href="{{ item.url }}" class="dropdown-item" role="menuitem">{{ item.link_name }}</a></li>{% endif %}
            {% for subnav in item.sub_nav_items %}
                <li><a href="{{ subnav.url }}" class="dropdown-item" role="menuitem">{{ subnav.link_name }}</a></li>
            {% endfor %}
        </ul>
    {% endif %}
{% endfor %}