{% load static i18n %}

{% with current=request.resolver_match.url_name %}
<nav class="navbar navbar-expand-lg navbar-dark bg-black p-3"
     style="filter: drop-shadow(0px 35px 50px rgba(0, 0, 0, 0.25));">
    <div class="container">

        <a class="navbar-brand" href="{% url 'landing_page' %}">VirtualBank</a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="{% trans 'Toggle navigation' %}">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">

                <li class="nav-item">
                    <a class="nav-link {% if current == 'landing_page' %}active{% endif %}"
                       href="{% url 'landing_page' %}">{% trans "Home" %}</a>
                </li>

                {% if user.is_authenticated %}
                <li class="nav-item">
                    <a class="nav-link {% if current == 'account_list' %}active{% endif %}"
                       href="{% url 'account_list' %}">{% trans "Dashboard" %}</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {% if current == 'new_transaction' %}active{% endif %}"
                       href="{% url 'new_transaction' %}">{% trans "New payment" %}</a>
                </li>
                {% endif %}

                {% if request.is_impersonating %}
                <a href="{% url 'stop_impersonation' %}"
                   class="btn btn-warning btn-sm fw-bold ms-3">
                    {% trans "End impersonation" %}
                </a>
                {% endif %}
            </ul>

            <form class="d-flex align-items-center me-3"
                  action="{% url 'set_language' %}" method="post">
                {% csrf_token %}
                <input type="hidden" name="next" value="{{ request.get_full_path }}">
                <button class="btn btn-link p-0 me-2" type="submit" name="language" value="sk">
                    <img src="{% static 'flags/4x3/sk.svg' %}" width="24" height="18" alt="SK">
                </button>
                <button class="btn btn-link p-0" type="submit" name="language" value="en">
                    <img src="{% static 'flags/4x3/gb.svg' %}" width="24" height="18" alt="EN">
                </button>
            </form>

            <ul class="navbar-nav ms-auto">
                {% if user.is_authenticated %}
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button"
                       data-bs-toggle="dropdown">
                        <span class="text-white me-2">{{ user.get_full_name }}</span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end bg-black">
                        <li class="d-flex justify-content-center">
                            <a href="{% url 'profile' %}" class="btn btn-primary text-white mb-1">
                                {% trans "More" %}
                            </a>
                        </li>
                        <li class="d-flex justify-content-center">
                            <a href="{% url 'logout' %}" class="btn btn-danger text-white">
                                {% trans "Logout" %}
                            </a>
                        </li>
                    </ul>
                </li>
                {% endif %}
            </ul>
        </div>
    </div>
</nav>
{% endwith %}