<div class="left-side-menu">

<!-- LOGO -->
<div class="logo-box">
  <a href="<?php echo $dir."inicio/"?>" class="logo logo-light text-center">
    <span class="logo-sm">
      <img src="<?php echo $dir; ?>assets/images/logo-sm.png" alt="Logo Switch Point sm" height="24">
    </span>
    <span class="logo-lg">
      <img src="<?php echo $dir; ?>assets/images/logo-light.png" alt="Logo Switch Point" height="40">
    </span>
  </a>
</div>

<div class="h-100" data-simplebar>

  <!--- Sidemenu -->
  <div id="sidebar-menu">

    <ul id="side-menu">

      <!-- Inicio -->
      <li class="menu-title">Switch Point</li>

        <li>
            <a href="<?php echo $dir."inicio";?>">
                <i class="ri-home-4-line"></i>
                <span> Inicio </span>
            </a>
        </li>
      <!-- End Inicio -->

      <!-- Clientes -->
      <li class="menu-title">Clientes</li>

        <li>
            <a href="<?php echo $dir."clientes";?>">
                <i class="fas fa-user"></i>
                <span> Clientes </span>
            </a>
        </li>
      <!-- End Clientes -->

      <!-- Eventos -->
      <li class="menu-title">Eventos</li>

        <li>
            <a href="<?php echo $dir."eventos";?>">
                <i class="fas fa-user"></i>
                <span> Eventos </span>
            </a>
        </li>
        <li>
            <a href="<?php echo $dir."eventos/premios";?>">
                <i class="fas fa-box"></i>
                <span> Premios </span>
            </a>
        </li>
      <!-- End Eventos -->

      <!-- Tenderos -->
        <li class="menu-title mt-2">Tenderos</li>

        <!-- Tenderos -->
        <li>
          <a href="#sidebarTN" data-toggle="collapse">
            <i class="fas fa-user-tag"></i>
            <span>Tenderos</span>
            <span class="menu-arrow"></span>
          </a>
          <div class="collapse" id="sidebarTN">
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>tenderos/usuarios/">Lista de Usuarios</a>
              </li>
            </ul>
          </div>
        </li>
        <!-- End Tenderos -->

        <!-- Tiendas -->
        <li>
          <a href="#sidebarTI" data-toggle="collapse">
            <i class="ri-store-2-line"></i>
            <span> Tiendas </span>
            <span class="menu-arrow"></span>
          </a>
          <div class="collapse" id="sidebarTI">
            <ul class="nav-second-level">
              <li>
                <!-- <a href="<?php echo $dir; ?>tiendas/tiendas-enlazadas/">Lista de tiendas</a> -->
                <a href="<?php echo $dir; ?>tenderos/tiendas/">Lista de tiendas</a>
              </li>
              <li>
                <a href="#">Mapa de tiendas</a>
              </li>
            </ul>
          </div>
        </li>
        <!-- End Tiendas -->

      <!-- End Tenderos -->


      <!-- Fuerza de ventas -->
        <li class="menu-title mt-2">Fuerza de Ventas</li>

        <!-- Fuerza de ventas -->
        <li>
          <a href="#sidebarFV" data-toggle="collapse">
            <i class="ri-shopping-bag-line"></i>
            <span> Fuerza de Ventas </span>
            <span class="menu-arrow"></span>
          </a>
          <div class="collapse" id="sidebarFV">
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>fuerza-de-ventas/usuarios/">Lista de Usuarios</a>
              </li>
              <!-- <li>
                <a href="<?php echo $dir; ?>fuerza-de-ventas/rutas-asignadas">Rutas Asignadas</a>
              </li> -->
            </ul>
          </div>
        </li>
        <!-- End Fuerza de ventas -->

      <!-- End Fuerza de ventas -->

      <!-- Maket Place -->
      <li class="menu-title mt-2">Maket Place</li>

        <!-- Productos -->
        <li>
          <a
            class="" href="#sidebarProductos"
            data-toggle="collapse"
            <?php if( $seccion == 'Productos' ){ ?>
              aria-expanded="true"
            <?php } ?>
          >
            <i class="ri-clipboard-line"></i>
            <span> Productos </span>
            <span class="menu-arrow"></span>
          </a>
          <div
            class="collapse <?php if( $seccion == 'Productos' ){ ?>show<?php } ?>"
            id="sidebarProductos"
          >
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>articulos">Listado de Productos</a>
              </li>

              <!-- Categorías -->
              <li>
                <a href="<?php echo $dir; ?>articulos/categorias">Categorías de Productos</a>
              </li>
              <!-- End Categorías -->

              <!-- Marcas -->
              <li>
                <a href="<?php echo $dir; ?>articulos/marcas">Marcas de Productos</a>
              </li>
              <!-- End Marcas -->

              <!-- Pedidos de Productos -->
              <li>
                <a href="#">Peticiones de Productos</a>
              </li>
              <!-- End Pedidos de Productos -->

            </ul>
          </div>
        </li>
        <!-- End Promociones -->

        <!-- Promociones -->
        <li>
          <a href="#sidebarPromos" data-toggle="collapse">
            <i class="ri-clipboard-line"></i>
            <span> Promociones </span>
            <span class="menu-arrow"></span>
          </a>
          <div
            class="collapse <?php if( $seccion == 'Promociones' ){ ?>show<?php } ?>"
            id="sidebarPromos"
          >
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>promociones">Listado de Promociones</a>
              </li>
              <li>
                <a href="#">Peticiones de Promociones</a>
              </li>
            </ul>
          </div>
        </li>
        <!-- End Promociones -->

      <!-- End Maket Place -->

      <!-- Encuestas y Dinamicas -->
      <li class="menu-title mt-2">Encuestas y Dinamicas</li>

      <!-- Encuestas -->
        <li>
          <a href="#sidebarEncuestas" data-toggle="collapse">
            <i class="ri-clipboard-line"></i>
            <span> Encuestas </span>
            <span class="menu-arrow"></span>
          </a>
          <div
            class="collapse <?php if( $seccion == 'Encuestas' ){ ?>show<?php } ?>"
            id="sidebarEncuestas"
          >
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>encuestas/encuestas">
                  Lista de Encuestas
                </a>
              </li>
              <!-- <li>
                <a href="<?php echo $dir; ?>encuestas/respuestas">
                  Respuestas
                </a>
              </li> -->
            </ul>
          </div>
        </li>
        <!-- End Encuestas -->

        <!-- Trivias -->
          <li>
            <a href="#sidebarTrivias" data-toggle="collapse">
              <i class="ri-clipboard-line"></i>
              <span> Trivias </span>
              <span class="menu-arrow"></span>
            </a>
            <div
              class="collapse <?php if( $seccion == 'Trivias' ){ ?>show<?php } ?>"
              id="sidebarTrivias"
            >
              <ul class="nav-second-level">
                <li>
                  <a href="<?php echo $dir; ?>trivias/trivias">
                    Lista de Trivias
                  </a>
                </li>
                <!-- <li>
                  <a href="<?php echo $dir; ?>encuestas/respuestas">
                    Respuestas
                  </a>
                </li> -->
              </ul>
            </div>
          </li>
          <!-- End Trivias -->

        <!-- Dinamicas -->
        <li>
          <a href="#sidebarDinamicas" data-toggle="collapse">
            <i class="ri-trophy-line"></i>
            <span> Dinamicas </span>
            <span class="menu-arrow"></span>
          </a>
          <div
            class="collapse <?php if( $seccion == 'Dinamicas' ){ ?>show<?php } ?>"
            id="sidebarDinamicas"
          >
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>">Lista de Dinamicas</a>
              </li>
              <li>
                <a href="<?php echo $dir; ?>">Dinamicas Realizadas</a>
              </li>
            </ul>
          </div>
        </li>
        <!-- End Dinamicas -->

      <!-- End Encuestas y Dinamicas -->

      <!-- Reportes -->
        <li class="menu-title mt-2">Reportes</li>

        <!-- Pedidos por Producto -->
        <li>
          <a href="#">
            <i class="ri-line-chart-line"></i>
            <span>Pedidos por Producto</span>
          </a>
        </li>
        <!-- End Pedidos por Producto -->

      <!-- End Reportes -->


      <!-- Configuración -->
        <li class="menu-title mt-2">Configuración</li>

        <!-- Usuarios -->
        <li>
          <a href="#sidebarUsuarios" data-toggle="collapse">
            <i class="ri-group-line"></i>
            <span> Usuarios </span>
            <span class="menu-arrow"></span>
          </a>
          <div class="collapse" id="sidebarUsuarios">
            <ul class="nav-second-level">
              <li>
                <a href="<?php echo $dir; ?>usuarios?t=3">Usuarios Tenderos</a>
              </li>
              <li>
                <a href="<?php echo $dir; ?>usuarios?t=2">Usuarios Consumidores</a>
              </li>
              <li>
                <a href="<?php echo $dir; ?>usuarios?t=1">Fuerza de Ventas</a>
              </li>
            </ul>
          </div>
        </li>
        <!-- End Usuarios -->

        <!-- Información -->
        <li>
            <a href="#sidebarPoliticas" data-toggle="collapse">
                <i class="ri-git-repository-line"></i>
                <span> Información </span>
                <span class="menu-arrow"></span>
            </a>
            <div
              class="collapse <?php if( $seccion == 'Informacion' ){ ?>show<?php } ?>"
              id="sidebarPoliticas"
            >
                <ul class="nav-second-level">

                  <!-- Aviso de Privacidad -->
                  <li>
                    <a href="<?php echo $dir; ?>politicas?id=1">Aviso de Privacidad</a>
                  </li>
                  <!-- End Aviso de Privacidad -->

                  <!-- Terminos y Condiciones -->
                  <li>
                    <a href="<?php echo $dir; ?>politicas?id=2">Terminos y Condiciones</a>
                  </li>
                  <!-- End Terminos y Condiciones -->

                </ul>
            </div>
        </li>
        <!-- End Información -->

      <!-- End Configuración -->

    </ul>

  </div>
  <!-- /Sidemenu -->

    <div class="clearfix"></div>

</div>
<!-- Sidebar -left -->

</div>
