{% load static %}
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
{% get_available_languages as LANGUAGES %}
{% get_language_info_list for LANGUAGES as languages %}
<nav class="navbar navbar-default">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            {% if logo_url %}
                <a href="{% url 'respa_admin:index' %}"><img class="navbar-brand ra-icon" src="{{ logo_url }}" alt="Logo"></a>
            {% endif %}
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-hidden="true">
                        <svg class="nav-icon" aria-hidden="true" viewBox="0 0 512 512">
                            <path d="M259.3 41.76c-120.53 0-218.23 97.7-218.23 218.24s97.7 218.23 218.23 218.23S477.53 380.52 477.53 260 379.83 41.76 259.3 41.76zm16.37 145.59q32-.54 63.85-3.11a236.1 236.1 0 0 1 11.6 59.38h-75.45zm0-32.77V85.47a243.79 243.79 0 0 1 50.53 66.95q-25.2 1.76-50.53 2.16zm-32.74-69.11v69.11q-25.31-.42-50.53-2.16a243.79 243.79 0 0 1 50.53-66.95zm0 101.88v56.27h-75.45a236.54 236.54 0 0 1 11.6-59.38q31.86 2.59 63.85 3.11zm-108.24 56.27H74.63a183.77 183.77 0 0 1 20.58-69.87q25.17 4.25 50.6 7.19a268.91 268.91 0 0 0-11.12 62.68zm0 32.74a269.56 269.56 0 0 0 11.07 62.69q-25.41 2.93-50.52 7.18a183.88 183.88 0 0 1-20.58-69.87zm32.82 0h75.45v56.27q-32 .53-63.85 3.1a236.47 236.47 0 0 1-11.63-59.37zm75.45 89v69.12a243.94 243.94 0 0 1-50.53-66.95q25.19-1.73 50.5-2.14zm32.74 69.12v-69.09q25.31.44 50.53 2.17a243.79 243.79 0 0 1-50.56 66.95zm0-101.88v-56.24h75.45a236 236 0 0 1-11.6 59.37q-31.89-2.58-63.88-3.1zm108.25-56.27H444a184 184 0 0 1-20.57 69.87q-25.2-4.2-50.63-7.2a269.44 269.44 0 0 0 11.12-62.64zm0-32.74A269.38 269.38 0 0 0 372.74 181q25.45-2.94 50.65-7.2A183.77 183.77 0 0 1 444 243.62zm19.81-99.81q-21.26 3.25-42.68 5.52a272.23 272.23 0 0 0-41-64.41 186.08 186.08 0 0 1 83.62 58.92zM198.52 84.93a272.39 272.39 0 0 0-41 64.39q-21.37-2.28-42.57-5.51a186 186 0 0 1 83.57-58.88zM114.9 376.17q21.19-3.24 42.57-5.51A272.18 272.18 0 0 0 198.28 435a186 186 0 0 1-83.38-58.83zM320.1 435a272.33 272.33 0 0 0 41-64.38q21.36 2.28 42.56 5.51A186 186 0 0 1 320.1 435z"></path>
                        </svg>
                            {{ LANGUAGE_CODE|language_name_local }}
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        {% for language in languages %}
                            <li>
                                <form action="{% url 'set_language' %}" method="post">
                                    <input name="next" type="hidden" value="{{ redirect_to }}">
                                    {% csrf_token %}
                                    <button class="navbar-button" name="language" value="{{ language.code }}">
                                        {{ language.name_local|title }} ({{ language.code }})
                                    </button>
                                </form>
                            </li>
                        {% endfor %}
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-hidden="true">
                        <svg class="nav-icon" aria-hidden="true" viewBox="0 0 512 512">
                            <path d="M256 76.76a66.62 66.62 0 1 1-66.62 66.62A66.69 66.69 0 0 1 256 76.76m0-32a98.6 98.6 0 1 0 98.59 98.6A98.59 98.59 0 0 0 256 44.78zM341.27 300.59a64 64 0 0 1 64 64v63.95H106.78v-63.99a64 64 0 0 1 64-64h170.49m0-32H170.74a95.94 95.94 0 0 0-95.94 96v95.92h362.4v-95.93a95.93 95.93 0 0 0-95.93-95.93z"></path>
                        </svg>
                            {{ user.get_full_name|default:user.username }}
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a href="{% url 'respa_admin:logout' %}">
                                {% trans "Log out" %}
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<nav class="navbar navbar-default service">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{% url 'respa_admin:index' %}">
                Respa
            </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="respa-nav collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="{% url 'respa_admin:resources' %}">{% trans "Resources" %}</a>
                </li>
                <li>
                    <a href="{% url 'respa_admin:units' %}">{% trans "Units" %}</a>
                </li>
                {% if user_is_any_admin %}
                <li>
                    <a href="{% url 'respa_admin:user-management' %}">{% trans "User management" %}</a>
                </li>
                {% endif %}
                {% if SUPPORT_EMAIL %}
                <li>
                    <a href="mailto:{{ SUPPORT_EMAIL }}">
                        {% trans "Contact us" %}
                        <span class="glyphicon glyphicon-envelope icon-right" aria-hidden="true"></span>
                    </a>
                </li>
                {% endif %}

                {% if INSTRUCTIONS_URL %}
                <li>
                    <a href="{{ INSTRUCTIONS_URL }}" target="_blank" rel="noopener noreferrer">
                        {% trans "Instructions" %}
                        <span class="glyphicon glyphicon-question-sign icon-right" aria-hidden="true"></span>
                    </a>
                </li>
                {% endif %}
            </ul>

        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>