{% load i18n cache static common crispy_forms_tags crispy_extra utils_tags %}

<div class="border-right sidenav container-fluid d-none d-sm-none d-md-block py-0" id="sidebar-wrapper"
     style="font-size: 15px;background-color: #0b476a;max-height: 100vh;overflow-y: auto">
    <div class="row flex-nowrap mx-0">
        <div class="d-flex flex-column align-items-center align-items-sm-start text-white min-vh-100 px-1">
            <a class="text-nowrap text-truncate d-sm-block d-md-none" onclick="show_canvas()"
               title="Collapse / Expended Menu">
                <i class="mdi mdi-chevron-double-right px-1"></i>
                <span>Collapse</span>
            </a>
            <a class="text-nowrap text-truncate d-none d-md-block px-2" id="menu-toggle"
               title="Collapse / Expended Menu">
                <span>Collapse</span>
                <i class="mdi mdi-chevron-double-right px-1"></i>
            </a>
            <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-end px-0 text-truncate w-100"
                id="menu" dir="rtl">
{#                <li class="nav-item w-100">#}
{#                    <a class="align-middle px-2 menu_link_item" title="Fifa Accounts"#}
{#                       href="{% url 'fifa-accounts-list' %}">#}
{#                        <i class="mdi mdi-view-dashboard px-1"></i>#}
{#                        <span class="d-none d-sm-inline">Fifa Accounts</span>#}
{#                    </a>#}
{#                </li>#}
                {% if request.user.is_staff %}
                  <a class="text-nowrap text-truncate d-none d-md-block px-2"
                     title="Admin Pannel" href="/admin">
                      <span>Go To Admin</span>
                      <i class="mdi mdi-chevron-double-left px-1"></i>
                  </a>
                {% endif %}
{#                {% if user|can:'fifa_account_menu__read' %}#}
                {% if user|can_any:'fifa_account__read__all,fifa_account__read__rel,fifa_account__read__own' %}
                <li class="w-100">
                    <a href="#submenu14" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-account-box-multiple px-1"></i>
                        <span class="d-none d-sm-inline">Fifa Accounts</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu14" data-bs-parent="#menu">
                      {% if user|can_any:'fifa_account__read__all,fifa_account__read__rel,fifa_account__read__own' %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'fifa-accounts-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-account-box-multiple px-2"></i>
                                <span class="d-none d-sm-inline">Accounts List</span></a>
                        </li>
                      {% endif %}
                      {% if user|can:'fifa_account__create' %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'fifa-account-add' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-account-plus px-2"></i>
                                <span class="d-none d-sm-inline">Add Accounts</span></a>
                        </li>
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-account-management' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-account-plus px-2"></i>
                                <span class="d-none d-sm-inline">Console Account Management</span></a>
                        </li>
                      {% endif %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'fifa-account-worker-error-list' %}?solve_status_f=-" class="px-0 menu_link_item">
                                <i class="mdi mdi-account-box-multiple px-2"></i>
                                <span class="d-none d-sm-inline">Workers Error</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'fifa-accounts-change-hosts' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-account-box-multiple px-2"></i>
                                <span class="d-none d-sm-inline">Change Hosts</span></a>
                        </li>
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'mule_accounts__read__own' %}
                  <li class="w-100">
                    <a href="#submenu15" data-bs-toggle="collapse" class="px-2 align-middle">
                      <i class="mdi mdi-account-box-multiple px-1"></i>
                      <span class="d-none d-sm-inline">Mule Accounts</span>
                      <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu15" data-bs-parent="#menu">
                      {% if user|can_any:'mule_accounts__read__all,mule_accounts__read__rel,mule_accounts__read__own' %}
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'mule-accounts-list' %}?is_deleted=False" class="px-0 menu_link_item">
                            <i class="mdi mdi-account-box-multiple px-2"></i>
                            <span class="d-none d-sm-inline">Accounts List</span>
                          </a>
                        </li>
                      {% endif %}
                      {% if user|can:'mule_accounts__create' %}
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'mule-accounts-file-create' %}" class="px-0 menu_link_item">
                            <i class="mdi mdi-account-box-multiple px-2"></i>
                            <span class="d-none d-sm-inline">Add File</span>
                          </a>
                        </li>
                      {% endif %}
                    </ul>
                  </li>
                {% endif %}
                {% if user|can_any:'command_menu,is_operator' %}
                  <li class="w-100">
                    <a href="#submenu24" data-bs-toggle="collapse" class="px-2 align-middle">
                      <i class="mdi mdi-account-box-multiple px-1"></i>
                      <span class="d-none d-sm-inline">Outlook Accounts</span>
                      <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu24" data-bs-parent="#menu">
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'create-outlook-workers' %}" class="px-0 menu_link_item">
                            <i class="mdi mdi-account-box-multiple px-2"></i>
                            <span class="d-none d-sm-inline">Workers Log</span>
                          </a>
                        </li>
{#                        <li class="nav-item w-100 text-truncate">#}
{#                          <a href="{% url 'create-outlook-workers2' %}" class="px-0 menu_link_item">#}
{#                            <i class="mdi mdi-account-box-multiple px-2"></i>#}
{#                            <span class="d-none d-sm-inline">Workers Log 2</span>#}
{#                          </a>#}
{#                        </li>#}
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'create-outlook-report' %}" class="px-0 menu_link_item">
                            <i class="mdi mdi-account-box-multiple px-2"></i>
                            <span class="d-none d-sm-inline">Created Report</span>
                          </a>
                        </li>
                    </ul>
                  </li>
                {% endif %}
                {% if user|can_any:'pcs__read,command_menu,utils' %}
                    <li class="w-100">
                        <a href="#submenu16" data-bs-toggle="collapse" class="px-2 align-middle">
                            <i class="mdi mdi-account-box-multiple px-1"></i>
                            <span class="d-none d-sm-inline">Utils</span>
                            <i class="mdi mdi-menu-down"></i></a>
                        <ul class="dropdown-container collapse nav flex-column" id="submenu16" data-bs-parent="#menu">
                            {% if user|can_any:'pcs__read,consoles_power,consoles_command__create__all,consoles_command__create__rel,consoles_command__create__own' %}
                                <li class="nav-item w-100 text-truncate">
                                    <a href="{% url 'pc-lists' %}" class="px-0 menu_link_item">
                                        <i class="mdi mdi-account-box-multiple px-2"></i>
                                        <span class="d-none d-sm-inline">PCs List</span>
                                    </a>
                                </li>
                                <li class="nav-item w-100 text-truncate">
                                    <a href="{% url 'pc-power-command-list' %}" class="px-0 menu_link_item">
                                        <i class="mdi mdi-account-box-multiple px-2"></i>
                                        <span class="d-none d-sm-inline">PCs Power</span>
                                    </a>
                                </li>
                                <li class="nav-item w-100 text-truncate">
                                    <a href="{% url 'console-power-command-list' %}" class="px-0 menu_link_item">
                                        <i class="mdi mdi-account-box-multiple px-2"></i>
                                        <span class="d-none d-sm-inline">Consoles Power</span>
                                    </a>
                                </li>
                            {% endif %}
                            {% if user|can:'player_card_menu' %}
                                <li class="nav-item w-100 text-truncate">
                                    <a href="{% url 'player-cards-list' %}" class="px-0 menu_link_item">
                                        <i class="mdi mdi-account-box-multiple px-2"></i>
                                        <span class="d-none d-sm-inline">Player Cards</span>
                                    </a>
                                </li>
                            {% endif %}
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'nations-list' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-account-box-multiple px-2"></i>
                                    <span class="d-none d-sm-inline">Nations</span>
                                </a>
                            </li>
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'leagues-list' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-account-box-multiple px-2"></i>
                                    <span class="d-none d-sm-inline">Leagues</span>
                                </a>
                            </li>
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'clubs-list' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-account-box-multiple px-2"></i>
                                    <span class="d-none d-sm-inline">Clubs(teams)</span>
                                </a>
                            </li>
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'packs-description-list' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-account-box-multiple px-2"></i>
                                    <span class="d-none d-sm-inline">Packs Description</span>
                                </a>
                            </li>
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'redis-monitor' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-account-box-multiple px-2"></i>
                                    <span class="d-none d-sm-inline">Redis Monitor</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                {% endif %}
{#                <li class="nav-item w-100">#}
{#                    <a class="align-middle px-2 menu_link_item" title="Add Proxy" href="{% url 'add-proxy-file' %}">#}
{#                        <i class="mdi mdi-view-dashboard px-1"></i>#}
{#                        <span class="d-none d-sm-inline">Add Proxy</span>#}
{#                    </a>#}
{#                </li>#}
                {% if user|can:'proxy_menu__read' %}
                <li class="w-100">
                    <a href="#submenu17" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-account-box-multiple px-1"></i>
                        <span class="d-none d-sm-inline">Proxy</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu17" data-bs-parent="#menu">
                        <li class="nav-item w-100">
                            <a class="align-middle px-2 menu_link_item" title="Add Proxy"
                               href="{% url 'add-proxy-file' %}">
                                <i class="mdi mdi-view-dashboard px-1"></i>
                                <span class="d-none d-sm-inline">Add Proxy</span>
                            </a>
                        </li>
                        <li class="nav-item w-100">
                            <a class="align-middle px-2 menu_link_item" title="Proxy List"
                               href="{% url 'fifa-proxy-list' %}">
                                <i class="mdi mdi-view-dashboard px-1"></i>
                                <span class="d-none d-sm-inline">Proxy List</span>
                            </a>
                        </li>
                        <li class="nav-item w-100">
                            <a class="align-middle px-2 menu_link_item" title="Proxy List"
                               href="{% url 'use-special-proxy' %}">
                                <i class="mdi mdi-view-dashboard px-1"></i>
                                <span class="d-none d-sm-inline">Special Proxy</span>
                            </a>
                        </li>
                    </ul>
                </li>
                {% endif %}
                {% if user|can:'sbc_menu__read' %}
                <li class="w-100">
                    <a href="#submenu13" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">SBC</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu13" data-bs-parent="#menu">
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'sbc-add-file' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Add File</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'sbc-orders-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Orders</span></a>
                        </li>
{#                        {% if request.user.is_superuser %}#}
{#                            <li class="nav-item w-100 text-truncate">#}
{#                                <a href="{% url 'active-tasks-list' %}" class="px-0 menu_link_item">#}
{#                                    <i class="mdi mdi-radioactive px-2"></i>#}
{#                                    <span class="d-none d-sm-inline">Active SBC Tasks</span></a>#}
{#                            </li>#}
{#                            <li class="nav-item w-100 text-truncate">#}
{#                                <a href="{% url 'celery-active-tasks' %}" class="px-0 menu_link_item">#}
{#                                    <i class="mdi mdi-radioactive px-2"></i>#}
{#                                    <span class="d-none d-sm-inline">All Active Tasks</span></a>#}
{#                            </li>#}
{#                        {% endif %}#}
                        {% if user|can_any:'sbc_workers_log__read__all,sbc_workers_log__read__rel,console_log__read__all,console_log__read__rel,console_log__read__own' %}
{#                          <li class="nav-item w-100 text-truncate">#}
{#                            <a href="{% url 'sbc-worker-logs' %}" class="px-0 menu_link_item">#}
{#                              <i class="mdi mdi-format-list-bulleted px-2"></i>#}
{#                              <span class="d-none d-sm-inline">SBC Workers Log</span></a>#}
{#                          </li>#}
{#                          <li class="nav-item w-100 text-truncate">#}
{#                            <a href="{% url 'temporary-sbc-worker-logs' %}" class="px-0 menu_link_item">#}
{#                              <i class="mdi mdi-format-list-bulleted px-2"></i>#}
{#                              <span class="d-none d-sm-inline">Temporary Workers Log</span></a>#}
{#                          </li>#}
{#                          <li class="nav-item w-100 text-truncate">#}
{#                            <a href="{% url 'console-worker-logs' %}" class="px-0 menu_link_item">#}
{#                              <i class="mdi mdi-format-list-bulleted px-2"></i>#}
{#                              <span class="d-none d-sm-inline">Console Workers Log</span></a>#}
{#                          </li>#}
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-worker-logs-new' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-format-list-bulleted px-2"></i>
                              <span class="d-none d-sm-inline">Console Workers Log</span></a>
                          </li>
{#                          <li class="nav-item w-100 text-truncate">#}
{#                            <a href="{% url 'sbc-worker-lasts' %}" class="px-0 menu_link_item">#}
{#                              <i class="mdi mdi-format-list-bulleted px-2"></i>#}
{#                              <span class="d-none d-sm-inline">SBC Workers Last</span></a>#}
{#                          </li>#}
                        {% endif %}
                    </ul>
                </li>
                {% endif %}
                {% if user|can:'account_check_healthy_menu__read' %}
                <li class="w-100">
                    <a href="#submenu22" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Account Check Healthy</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu22" data-bs-parent="#menu">
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'check-healthy-add-file' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Add File</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'check-healthy-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Orders</span></a>
                        </li>
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'sniper_workers__read__own,sniper_workers__read__rel,sniper_workers__read__all,discharge__read__all' %}
                <li class="w-100">
                    <a href="#submenu18" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Sniper</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu18" data-bs-parent="#menu">
                      {% if user|can_any:'sniper_workers__read__own,sniper_workers__read__rel,sniper_workers__read__all' %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'sniper-add-file' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Add File</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'sniper-orders-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Orders</span></a>
                        </li>
                      {% endif %}
                        
                      {% if user|can_any:'discharge__read__all' %}
                          <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'discharge-snipes-logs' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-reorder-horizontal px-2"></i>
                                    <span class="d-none d-sm-inline">Discharge Snipe</span></a>
                          </li>
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'discharge-mode2-logs' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Discharge Mode 2</span></a>
                          </li>
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'discharge-mode3-logs' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Discharge Mode 3</span></a>
                          </li>
                        {% endif %}
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'trade_workers__read__own,trade_workers__read__rel' %}
                <li class="w-100">
                    <a href="#submenu19" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Trade</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu19" data-bs-parent="#menu">
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'trade-add-file' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Add File</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'trade-orders-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Orders</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'single-player-trade-add' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Single Player Add</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'single-player-trade-orders-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Single Player Orders</span></a>
                        </li>
                      <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-trade-one-set-quality' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Set Quality</span></a>
                        </li>
                      <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-trade-one-change-quality' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Change Quality</span></a>
                        </li>
                      <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-trade-one-change-quality-pro' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Change Quality Pro</span></a>
                        </li>
                      <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'web-trade-add-account' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-reorder-horizontal px-2"></i>
                            <span class="d-none d-sm-inline">Web Trade Add</span></a>
                        </li>
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'command_menu' %}
                    <li class="w-100">
                        <a href="#submenu26" data-bs-toggle="collapse" class="px-2 align-middle">
                            <i class="mdi mdi-puzzle px-1"></i>
                            <span class="d-none d-sm-inline">Invest Trade</span>
                            <i class="mdi mdi-menu-down"></i></a>
                        <ul class="dropdown-container collapse nav flex-column" id="submenu26" data-bs-parent="#menu">
                            <li class="nav-item w-100 text-truncate">
                                <a href="{% url 'console-invest-trade-history' %}" class="px-0 menu_link_item">
                                    <i class="mdi mdi-file-plus px-2"></i>
                                    <span class="d-none d-sm-inline">Accounts History</span></a>
                            </li>
                        </ul>
                    </li>
                {% endif %}
                {% if user|can_any:'console_menu,console_stock_map,console_log__read__all,console_log__read__rel' %}
                <li class="w-100">
                    <a href="#submenu25" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Console</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu25" data-bs-parent="#menu">
                      {% if user|can_any:'consoles_command__create__own,consoles_command__create__rel,consoles_command__create__all' %}
                        <li class="nav-item w-100 text-truncate">
                              <a href="{% url 'console-list' %}" class="px-0 menu_link_item">
                                  <i class="mdi mdi-file-plus px-2"></i>
                                  <span class="d-none d-sm-inline">List View</span></a>
                        </li>
                      {% endif %}
                      {% if user|can_any:'console_stock_map' %}
                        <li class="nav-item w-100 text-truncate">
                              <a href="{% url 'consoles-stock-map' %}" class="px-0 menu_link_item">
                                  <i class="mdi mdi-file-plus px-2"></i>
                                  <span class="d-none d-sm-inline">Stock Map</span></a>
                        </li>
                      {% endif %}
                      {% if user|can_any:'console_log__read__rel,console_log__read__all' %}
                        <li class="nav-item w-100 text-truncate">
                              <a href="{% url 'investor-console-logs' %}" class="px-0 menu_link_item">
                                  <i class="mdi mdi-file-plus px-2"></i>
                                  <span class="d-none d-sm-inline">Investor Report</span></a>
                        </li>
                      {% endif %}
                      {% if user|can_any:'console_log__read__rel,console_log__read__all' %}
{#                          <li class="nav-item w-100 text-truncate">#}
{#                            <a href="{% url 'console-worker-logs' %}" class="px-0 menu_link_item">#}
{#                              <i class="mdi mdi-format-list-bulleted px-2"></i>#}
{#                              <span class="d-none d-sm-inline">Console Workers Log</span></a>#}
{#                          </li>#}
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-worker-logs-new' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-format-list-bulleted px-2"></i>
                              <span class="d-none d-sm-inline">Workers Log</span></a>
                          </li>
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-workers-data' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-format-list-bulleted px-2"></i>
                              <span class="d-none d-sm-inline">Workers Data</span></a>
                          </li>
                      {% endif %}
                      {% if user|can:'add_remove_account' %}
                          <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-accounts-actions' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Console Accounts Action</span></a>
                        </li>
                      {% endif %}
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'console_report__read__own,console_report__read__rel,console_report__read__all,investor_log__read__rel,investor_log__read__own' %}
                <li class="w-100">
                    <a href="#submenu23" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Reports</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu23" data-bs-parent="#menu">
                        {% if user|can_any:'investor_log__read__rel,investor_log__read__own' %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'investor-console-logs' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-file-plus px-2"></i>
                                <span class="d-none d-sm-inline">Investor Report</span></a>
                        </li>
                        {% endif %}
                        {% if user|can_any:'console_report__read__own,console_report__read__rel,console_report__read__all' %}
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'consoles-report-excel' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Consoles - 1</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'consoles-report-excel2' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Accounts - 2</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'consoles-report-excel2' %}?report_all=true" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Accounts-Disables - 2</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'consoles-report-excel3' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Accounts - 3</span></a>
                        </li>
                        {% endif %}

                        {% if user|can:'console_report__read__all' %}
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'consoles-report-excel4' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-reorder-horizontal px-2"></i>
                              <span class="d-none d-sm-inline">Accounts Stock</span></a>
                        </li>
                          <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'daily-credit-creation' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-reorder-horizontal px-2"></i>
                              <span class="d-none d-sm-inline">Daily Credit Creation</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'weekly-generate' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-reorder-horizontal px-2"></i>
                              <span class="d-none d-sm-inline">Weekly Generate 1</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                          <a href="{% url 'weekly-generate2' %}" class="px-0 menu_link_item">
                              <i class="mdi mdi-reorder-horizontal px-2"></i>
                              <span class="d-none d-sm-inline">Weekly Generate 2</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'console-trade-one-quality-report' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Console Quality</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'daily-invest-trade-generate-report' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Daily Invest Trade</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'pack-item-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Pack Item</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'pack-item-filter-chart' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Pack Item Filter</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'account-done-sbc' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Account Sbc Done</span></a>
                        </li>
                        {% endif %}
                    </ul>
                </li>
                {% endif %}
                {% if user|can_any:'command_menu,transactions__read' %}
                  <li class="w-100">
                    <a href="#submenu27" data-bs-toggle="collapse" class="px-2 align-middle">
                        <i class="mdi mdi-puzzle px-1"></i>
                        <span class="d-none d-sm-inline">Financial</span>
                        <i class="mdi mdi-menu-down"></i></a>
                    <ul class="dropdown-container collapse nav flex-column" id="submenu27" data-bs-parent="#menu">
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'financial:transaction-create' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Add Transaction</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'financial:transaction-list' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Transactions</span></a>
                        </li>
                        <li class="nav-item w-100 text-truncate">
                            <a href="{% url 'discharge-per-day-logs' %}" class="px-0 menu_link_item">
                                <i class="mdi mdi-reorder-horizontal px-2"></i>
                                <span class="d-none d-sm-inline">Discharge Per Day</span></a>
                        </li>
                    </ul>
                </li>
                {% endif %}
                {% if user|can:'user__read' %}
                  <li class="nav-item w-100">
                    <a class="align-middle px-2 menu_link_item" title="Users List" href="{% url 'user-list-url' %}">
                      <i class="mdi mdi-account-group-outline px-1"></i>
                      <span class="d-none d-sm-inline">Users List</span>
                    </a>
                  </li>
                {% endif %}
                {% if user|can_any:'manager_commands,operator_commands' %}
                  <li class="nav-item w-100">
                    <a class="align-middle px-2 menu_link_item" title="Commands" href="{% url 'commands-view' %}">
                      <i class="mdi mdi-account-group-outline px-1"></i>
                      <span class="d-none d-sm-inline">Commands</span>
                    </a>
                  </li>
                {% endif %}
                {% if user.is_authenticated %}
                  <li class="nav-item w-100">
                    <a class="align-middle px-2 menu_link_item" title="{{ user.first_name }}" href="{% url 'logout' %}">
                      <i class="mdi mdi-logout px-1"></i>
                      <span class="d-none d-sm-inline">Log Out</span>
                    </a>
                  </li>
                {% endif %}
            </ul>
        </div>
    </div>
</div>
<script>
    var url_page = window.location.href;
    var data_list = document.getElementsByClassName('menu_link_item');
    for (let x = 0; x < data_list.length; x++) {
        var href_link = data_list[x].href
        href_link = href_link.replace('#', '')
        if (url_page === href_link) {
            if (data_list[x].parentElement.parentElement.classList.contains('dropdown-container')) {
                data_list[x].parentElement.parentElement.parentElement.classList.toggle('dropdown-container')
                data_list[x].parentElement.classList.toggle('active')
                data_list[x].parentElement.parentElement.classList.toggle('show')
            } else {
                data_list[x].parentElement.classList.toggle('active')
            }
        }
    }
</script>