{% load static %}
{% load startswith %}
<div class="nav navbar-default">
    <a href="{% url 'route' %}" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none h2">
        <svg class="bi me-2" width="40" height="32">
            <use href="{% static "Awada_logo.svg" %}"></use>
        </svg>
        <span class="fs-4">AWADA</span>
    </a>
    <hr>
    <hr>
    <ul class="nav nav-pills flex-column mb-auto w-100">
        <li class="nav-item">
            <a href="{% url 'users' %}"
               class="nav-link text-white {% if request.path|startswith:'/auth/users/' %} active{% endif %} ">
                Пользователи
            </a>
        </li>
        <li>
            <a href="{% url 'roles' %}"
               class="nav-link text-white  {% if request.path|startswith:'/auth/roles/' %} active{% endif %} ">
                Роли
            </a>
        </li>
        <li>
            <a href="{% url 'permissions' %}"
               class="nav-link text-white {% if request.path|startswith:'/auth/permissions/' %} active{% endif %} ">
                Ограничения
            </a>
        </li>
        <li>
            <a href="{% url 'system_users' %}"
               class="nav-link text-white {% if request.path|startswith:'/auth/system_users/' %} active{% endif %} ">
                Системные пользователи
            </a>
        </li>
    </ul>
    {#    <ul class="nav nav-pills flex-column mb-auto">#}
    {#        <li class="nav-item">#}
    {#            <a href="#EnablePermissionPage" class="nav-link text-white active" aria-current="page" data-toggle="tab">#}
    {#                Включенные ограничения#}
    {#            </a>#}
    {#        </li>#}
    {#        <li class="nav-item">#}
    {#            <a href="#UsersPage" class="nav-link text-white" aria-current="page" data-toggle="tab">#}
    {#                Пользователи#}
    {#            </a>#}
    {#        </li>#}
    {#        <li>#}
    {#            <a href="#RolesPage" class="nav-link text-white" data-toggle="tab">#}
    {#                Роли#}
    {#            </a>#}
    {#        </li>#}
    {#        <li>#}
    {#            <a href="#PermissionsPage" class="nav-link text-white" data-toggle="tab">#}
    {#                Ограничения#}
    {#            </a>#}
    {#        </li>#}
    {#    </ul>#}

</div>