{% load i18n static admin_adminlte %}

<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
    <!-- Add icons to the links using the .nav-icon class
           with font-awesome or any other icon font library -->
           {% if request.user.is_superuser %}
           <li class="nav-item {% if 'ዳሽቦርድ' in parent %} menu-open {% endif %}">
             <a href="#" class="nav-link {% if 'ዳሽቦርድ' in parent %} active {% endif %}">
               <i class="far fa-circle nav-icon"></i>
               <p>
                 ዳሽቦርድ
                 <i class="right fas fa-angle-left"></i>
               </p>
             </a>
             <ul class="nav nav-treeview">
               <li class="nav-item offset-1">
                 <a href="{% url 'admin:index' %}" class="nav-link {% if 'index' in segment %} active {% endif %}">
                   <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                   <p>ዳሽቦርድ v1</p>
                 </a>
               </li>
             </ul>
           </li>
         {% endif %}
    {% admin_get_menu as app_list %}
    {% if app_list %}
    {% for app in app_list %}
    {% if app.has_perms and not app.pinned %}
    <li class="nav-item {% if 'ዳሽቦርድ' in parent %} menu-open {% endif %}">
      <a class="nav-link {% if app_label != app.label and app.url not in request.path|urlencode  %} collapsed{% endif %}"
        data-bs-toggle="collapse" data-bs-target="#submenu-{{ app.app_label }}" href="{{ app.url }}">
        <!-- <i class="nav-icon {{ app.icon }}"></i> -->
        <i class="far fa-circle nav-icon"></i>
        <p>
          {{ app.label|slice:10 }}{% if app.label|length > 10 %}..{% endif %}
          <i class="right fas fa-angle-left"></i>
        </p>
      </a>

      {% if app.models %}
      <ul class="nav nav-treeview">
        {% for model in app.models %}
        {% if model.url %}
        <li class="nav-item offset-1">
          <a class="nav-link {% if 'bootstrap-tables' in segment or model.url in request.path|urlencode %} active {% endif %}"
            href="{{ model.url }}">
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
            <p>{{ model.label }}</p>
          </a>
        </li>
        {% else %}
        <li class="nav-item">{{ model.label }}</li>
        {% endif %}
        {% endfor %}
      </ul>
      {% endif %}
    </li>
    {% endif %}
    {% endfor %}
    {% endif %}

    

  </ul>