{% extends 'ecom_statics/base/sidebar.html' %}
{% load static %}

{% block ecom_statics_logo %}{% static 'images/logos/tableros.png' %}{% endblock %}

{% block ecom_statics_sidebar_title %}Tableros{% endblock %}

{% block sidebar-brand %}
    <div class="sidebar-brand">
          <a href="{% url 'home' %}" class="brand-link logo-switch">

            <img src="{% static 'images/logos/logo-white-min-transparent.png' %}" alt="Logo Small" class="brand-image-xl logo-xs shadow">

            <img src="{% static 'images/logos/logo-white-transparent.png' %}" alt="Logo Large" class="brand-image-xs logo-xl">
          </a>
    </div>
{% endblock sidebar-brand %}

{% block ecom_statics_sidebar_items %}
    
    <li class="nav-item">
        <a href="{% url 'home' %}" class="nav-link{% if sidebar_active == 'home' %} active{% endif %}">
            <i class="nav-icon bi bi-house-fill"></i>
            <p>Inicio</p>
        </a>
    </li>
    <li class="nav-header">ADMINISTRACIÓN</li>
    <li class="nav-item">
        <a href="{% url 'usuarios:listar' %}" class="nav-link{% if sidebar_active == 'usuarios' %} active{% endif %}">
            <i class="nav-icon bi bi-person-fill"></i>
            <p>Usuarios</p>
        </a>
    </li>

    <li class="nav-item">
        <a href="{% url 'entidades:listar' %}" class="nav-link{% if sidebar_active == 'entidades' %} active{% endif %}">
            <i class="nav-icon bi bi-postcard-fill"></i>
            <p>Entidades</p>
        </a>
    </li>
    
    <li class="nav-header">ESPACIOS</li>
    <li class="nav-item">
        <a href="{% url 'espacios:listar' %}" class="nav-link{% if sidebar_active == 'espacios' %} active{% endif %}">
            <i class="nav-icon bi bi-diagram-3-fill"></i>
            <p>Espacios</p>
        </a>
    </li>

    <li class="nav-item">
        <a href="{% url 'dashboards:listar' %}" class="nav-link{% if sidebar_active == 'dashboards' %} active{% endif %}">
            <i class="nav-icon bi bi-clipboard-data-fill"></i>
            <p>Dashboards</p>
        </a>
    </li>

    <li class="nav-item">
        <a href="{% url 'menu_items:listar' %}" class="nav-link{% if sidebar_active == 'menu_items' %} active{% endif %}">
            <i class="nav-icon bi bi-menu-button-fill"></i>
            <p>Ítems de Menú</p>
        </a>
    </li>
{% endblock %}