{% load i18n fontawesome_5 %}
<nav class="nav justify-content-between">
    <div class="d-flex align-items-center nav-icon ml-2" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
        <strong class="">{% trans 'KSP' %}</strong>
    </div>
    <div class="justify-content-center">
    <a class="nav-item menu-elem" href="{% url 'home' %}">
        <div class="btn nav-btn">
            {% fa5_icon 'home' %}
            {% trans 'Home' %}
        </div>
    </a>
    <a class="nav-item menu-elem" href="{% url 'home' %}">
        <div class="btn nav-btn">
            {% fa5_icon 'pencil-ruler' %}
            {% trans 'Intervention' %}
        </div>
    </a>
    <a class="nav-item menu-elem" href="{% url 'home' %}">
        <div class="btn nav-btn">
            {% fa5_icon 'leaf' %}
            {% trans 'Compensation' %}
        </div>
    </a>
    <a class="nav-item menu-elem" href="{% url 'home' %}">
        <div class="btn nav-btn">
            {% fa5_icon 'tree' %}
            {% trans 'Eco-account' %}
        </div>
    </a>
    <div class="nav-item menu-elem dropdown">
        <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            {% fa5_icon 'ellipsis-v' %}
            {% trans 'More' %}
        </div>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'euro-sign' %}  {% trans 'EMA' %}</a>
            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-import' %}  {% trans 'Import...' %}</a>
            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-export' %}  {% trans 'Export...' %}</a>
            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-alt' %}  {% trans 'Reports' %}</a>
        </div>
    </div>

    </div>
    <div class="nav-item ">
        <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            {% fa5_icon 'user-circle' %}
            {{ user.username }}
        </div>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="{% url 'logout' %}">{% fa5_icon 'cogs' %}  {% trans 'Settings' %}</a>
            <a class="dropdown-item" href="{% url 'logout' %}">{% fa5_icon 'sign-out-alt' %}  {% trans 'Logout' %}</a>
        </div>
    </div>
</nav>