MES_Core/templates/components/_navbar.html

<nav class="navbar navbar-expand-lg border-bottom shadow-sm">
    <div class="container-fluid">
        <a class="navbar-brand fw-bold text-accent" href="/">
            <i class="bi bi-gear-fill me-2"></i>ShiftFlow
        </a>
        
        <button class="navbar-toggler border-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Переключить навигацию">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarContent">
            
            <ul class="navbar-nav me-auto">
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'registry' %}active{% endif %}" href="{% url 'registry' %}">Реестр</a>
                </li>

                {% if user_role in 'admin,supply,observer,clerk,prod_head,director' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'procurement' %}active{% endif %}" href="{% url 'procurement' %}">Снабжение</a>
                </li>
                {% endif %}
                
                {% if user_role in 'admin,technologist,master,clerk,observer' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'planning' or request.resolver_match.url_name == 'planning_deal' %}active{% endif %}" href="{% url 'planning' %}">Сделки</a>
                </li>

                {% if user_role in 'admin,clerk,manager,prod_head,director,observer,technologist' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'shipping' %}active{% endif %}" href="{% url 'shipping' %}">Отгрузка</a>
                </li>
                {% endif %}

                {% if user_role in 'admin,technologist,master,clerk' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'planning_stages' %}active{% endif %}" href="{% url 'planning_stages' %}">План</a>
                </li>
                {% endif %}

                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'customers' or request.resolver_match.url_name == 'customer_deals' %}active{% endif %}" href="{% url 'customers' %}">Заказчик</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'warehouse_stocks' %}active{% endif %}" href="{% url 'warehouse_stocks' %}">Склады</a>
                </li>
                {% endif %}

                {% if user_role in 'admin,technologist,master,clerk,observer,prod_head,director' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'directories' or request.resolver_match.url_name == 'materials_catalog' or request.resolver_match.url_name == 'material_categories_catalog' or request.resolver_match.url_name == 'steel_grades_catalog' or request.resolver_match.url_name == 'supply_catalog' or request.resolver_match.url_name == 'locations_catalog' or request.resolver_match.url_name == 'workshops_catalog' or request.resolver_match.url_name == 'workshop_detail' or request.resolver_match.url_name == 'machines_catalog' %}active{% endif %}" href="{% url 'directories' %}">Справочники</a>
                </li>
                {% endif %}

                {% if user_role == 'admin' or user_role == 'technologist' or user_role == 'observer' or request.user.is_superuser %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'products' or request.resolver_match.url_name == 'product_detail' or request.resolver_match.url_name == 'product_info' %}active{% endif %}" href="{% url 'products' %}">Изделия</a>
                </li>
                {% endif %}

                {% if user_role in 'admin,master,operator,prod_head' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'closing_workitems' or request.resolver_match.url_name == 'closing' %}active{% endif %}" href="{% url 'closing_workitems' %}">Закрытие</a>
                </li>
                {% endif %}

                {% if user_role in 'admin,clerk,observer,prod_head,director' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'writeoffs' %}active{% endif %}" href="{% url 'writeoffs' %}">Списание</a>
                </li>
                {% endif %}

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle {% if request.resolver_match.url_name == 'legacy_registry' or request.resolver_match.url_name == 'legacy_closing' %}active{% endif %}" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Архив
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="dropdown-item" href="{% url 'legacy_registry' %}">Архив / Реестр</a>
                        </li>
                        {% if user_role in 'admin,master,operator,prod_head' %}
                        <li>
                            <a class="dropdown-item" href="{% url 'legacy_closing' %}">Архив / Закрытие</a>
                        </li>
                        {% endif %}
                        {% if user_role in 'admin,clerk,observer,prod_head,director' %}
                        <li>
                            <a class="dropdown-item" href="{% url 'legacy_writeoffs' %}">Архив / Списание</a>
                        </li>
                        {% endif %}
                    </ul>
                </li>

                {% if user_role == 'admin' %}
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'maintenance' %}active{% endif %}" href="{% url 'maintenance' %}">Обслуживание сервера</a>
                </li>
                {% endif %}
            </ul>

            <div class="d-flex align-items-center gap-2 mt-lg-0 mt-3">
                
                {% if user_role == 'admin' %}
                <a href="/admin/" class="btn btn-link text-decoration-none text-reset p-0 me-1" title="Админка">
                    <i class="bi bi-shield-lock fs-5 text-accent"></i> </a>
                {% endif %}

                <span class="badge bg-secondary opacity-75 px-3 py-2 fw-normal">
                    <i class="bi bi-person-circle me-1"></i> ({{ request.user.username|upper }})
                </span>

                <button class="btn btn-link text-reset p-0" onclick="toggleTheme()" title="Сменить тему">
                    <i id="theme-icon" class="bi fs-5 text-accent"></i>
                </button>

                <form action="{% url 'logout' %}" method="post" class="d-inline">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-link text-danger p-0 ms-2" title="Выйти">
                        <i class="bi bi-box-arrow-right fs-5"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</nav>