{# nav_suffix: '' для сайдбара, '-m' для мобильного ящика (уникальные id) #}
{# Структура навигации по образцу Bedolaga / Remnawave bot #}
<ul class="space-y-1.5">
    <li>
        <a href="{{ url_for('admin.admin_dashboard') }}"
           class="sidebar-link {% if request.endpoint == 'admin.admin_dashboard' %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-house-fill"></i></span>
            <span>Дашборд</span>
        </a>
    </li>
    <li>
        <a href="#"
           onclick="toggleSubmenu('clients-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if request.endpoint and request.endpoint.startswith('users.') %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-people-fill"></i></span>
            <span>Пользователи</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="clients-menu{{ nav_suffix }}" class="{% if request.endpoint and request.endpoint.startswith('users.') %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('users.users_list') }}"
               class="sidebar-link {% if request.endpoint == 'users.users_list' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-shield-lock"></i></span>
                <span>Клиенты VPN</span>
            </a>
            {% if mtproto_enabled and has_endpoint('users.users_mtproxy') %}
            <a href="{{ url_for('users.users_mtproxy') }}"
               class="sidebar-link {% if request.endpoint == 'users.users_mtproxy' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-hdd-network"></i></span>
                <span>Клиенты прокси</span>
            </a>
            {% endif %}
        </div>
    </li>
    <li>
        <a href="#"
           onclick="toggleSubmenu('commerce-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if request.endpoint in ['tariffs.tariffs_list', 'payments.payments_list', 'promocodes.promocodes_list', 'payment_codes.payment_codes_page'] %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-cart-fill"></i></span>
            <span>Тарифы и оплата</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="commerce-menu{{ nav_suffix }}" class="{% if request.endpoint in ['tariffs.tariffs_list', 'payments.payments_list', 'promocodes.promocodes_list', 'payment_codes.payment_codes_page'] %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('tariffs.tariffs_list') }}"
               class="sidebar-link {% if request.endpoint == 'tariffs.tariffs_list' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-tags-fill"></i></span>
                <span>Тарифы</span>
            </a>
            <a href="{{ url_for('payments.payments_list') }}"
               class="sidebar-link {% if request.endpoint == 'payments.payments_list' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-credit-card"></i></span>
                <span>Платежи</span>
            </a>
            <a href="{{ url_for('promocodes.promocodes_list') }}"
               class="sidebar-link {% if request.endpoint == 'promocodes.promocodes_list' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-gift-fill"></i></span>
                <span>Промокоды</span>
            </a>
            <a href="{{ url_for('payment_codes.payment_codes_page') }}"
               class="sidebar-link {% if request.endpoint == 'payment_codes.payment_codes_page' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-ticket-perforated-fill"></i></span>
                <span>Коды оплаты</span>
            </a>
        </div>
    </li>
    <li>
        <a href="#"
           onclick="toggleSubmenu('settings-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if request.endpoint and request.endpoint.startswith('settings.') %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-gear-fill"></i></span>
            <span>Настройки</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="settings-menu{{ nav_suffix }}" class="{% if request.endpoint and request.endpoint.startswith('settings.') %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('settings.settings_list', section='basic') }}"
               class="sidebar-link {% if request.endpoint == 'settings.settings_list' and request.args.get('section','basic') == 'basic' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-sliders"></i></span>
                <span>Основные</span>
            </a>
            <a href="{{ url_for('settings.settings_list', section='texts') }}"
               class="sidebar-link {% if request.endpoint == 'settings.settings_list' and request.args.get('section') == 'texts' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-chat-left-text"></i></span>
                <span>Тексты</span>
            </a>
            <a href="{{ url_for('settings.settings_list', section='subscription') }}"
               class="sidebar-link {% if request.endpoint == 'settings.settings_list' and request.args.get('section') == 'subscription' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-phone"></i></span>
                <span>Подписка</span>
            </a>
            <a href="{{ url_for('settings.settings_list', section='backup') }}"
               class="sidebar-link {% if request.endpoint == 'settings.settings_list' and request.args.get('section') == 'backup' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-cloud-arrow-down"></i></span>
                <span>Бэкап</span>
            </a>
        </div>
    </li>
    <li>
        {% set panels_section_active = request.endpoint and request.endpoint.startswith('panels.') %}
        <a href="#"
           onclick="toggleSubmenu('panels-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if panels_section_active %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-grid-3x3-gap-fill"></i></span>
            <span>Серверы и панели</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="panels-menu{{ nav_suffix }}" class="{% if panels_section_active %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('panels.three_xui') }}"
               class="sidebar-link {% if request.endpoint == 'panels.three_xui' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-diagram-3"></i></span>
                <span>3X-UI</span>
            </a>
            <a href="{{ url_for('panels.remnaware') }}"
               class="sidebar-link {% if request.endpoint == 'panels.remnaware' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-collection"></i></span>
                <span>Remnaware</span>
            </a>
            {% if mtproto_enabled and has_endpoint('panels.mtproto') %}
            <a href="{{ url_for('panels.mtproto') }}"
               class="sidebar-link {% if request.endpoint == 'panels.mtproto' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-shield-lock"></i></span>
                <span>MTProto</span>
            </a>
            {% endif %}
            {% if mtproto_free_enabled and has_endpoint('panels.mtproto_free') %}
            <a href="{{ url_for('panels.mtproto_free') }}"
               class="sidebar-link {% if request.endpoint == 'panels.mtproto_free' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-gift"></i></span>
                <span>MTProto Free</span>
            </a>
            {% endif %}
        </div>
    </li>
    {% set nav_update_tab = request.args.get('tab') or 'panel' %}
    {% if has_endpoint('tools.update_settings_view') %}
    <li>
        <a href="#"
           onclick="toggleSubmenu('updates-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if request.endpoint == 'tools.update_settings_view' %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-arrow-repeat"></i></span>
            <span>Обновления</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="updates-menu{{ nav_suffix }}" class="{% if request.endpoint == 'tools.update_settings_view' %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('tools.update_settings_view', tab='panel') }}"
               class="sidebar-link {% if request.endpoint == 'tools.update_settings_view' and nav_update_tab == 'panel' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-cloud-arrow-up"></i></span>
                <span>Обновление (Панель)</span>
            </a>
            <a href="{{ url_for('tools.update_settings_view', tab='xui') }}"
               class="sidebar-link {% if request.endpoint == 'tools.update_settings_view' and nav_update_tab == 'xui' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-hdd-network"></i></span>
                <span>Панели 3X-UI и Xray на серверах</span>
            </a>
            <a href="{{ url_for('tools.update_settings_view', tab='mtg') }}"
               class="sidebar-link {% if request.endpoint == 'tools.update_settings_view' and nav_update_tab == 'mtg' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-box-seam"></i></span>
                <span>Обновление MTG Panel</span>
            </a>
        </div>
    </li>
    {% endif %}
    <li>
        <a href="#"
           onclick="toggleSubmenu('tools-menu{{ nav_suffix }}'); return false;"
           class="sidebar-link {% if request.endpoint and request.endpoint.startswith('tools.') and request.endpoint != 'tools.update_settings_view' %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-wrench-adjustable-circle"></i></span>
            <span>Инструменты</span>
            <i class="bi bi-chevron-down sidebar-chevron"></i>
        </a>
        <div id="tools-menu{{ nav_suffix }}" class="{% if request.endpoint and request.endpoint.startswith('tools.') and request.endpoint != 'tools.update_settings_view' %}{% else %}hidden {% endif %}sidebar-submenu">
            <a href="{{ url_for('tools.logs_view') }}"
               class="sidebar-link {% if request.endpoint == 'tools.logs_view' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-file-earmark-text"></i></span>
                <span>Логи</span>
            </a>
            <a href="{{ url_for('tools.inbound_template') }}"
               class="sidebar-link {% if request.endpoint == 'tools.inbound_template' %}active{% endif %}">
                <span class="sidebar-icon"><i class="bi bi-diagram-3"></i></span>
                <span>Шаблон инбаундов</span>
            </a>
        </div>
    </li>
    <li>
        <a href="{{ url_for('settings.instructions_page') }}?modal=pcLaunchModal"
           class="sidebar-link">
            <span class="sidebar-icon"><i class="bi bi-code-slash"></i></span>
            <span>Для разработчика</span>
        </a>
    </li>
    <li>
        <a href="{{ url_for('settings.instructions_page') }}"
           class="sidebar-link {% if request.endpoint == 'settings.instructions_page' %}active{% endif %}">
            <span class="sidebar-icon"><i class="bi bi-journal-text"></i></span>
            <span>Инструкции</span>
        </a>
    </li>
</ul>