@php
$configData = Helper::applClasses();
@endphp
<div
  class="main-menu menu-fixed {{ $configData['theme'] === 'dark' || $configData['theme'] === 'semi-dark' ? 'menu-dark' : 'menu-light' }} menu-accordion menu-shadow"
  data-scroll-to-active="true">
  <div class="navbar-header">
    <ul class="nav navbar-nav flex-row">
      <li class="nav-item me-auto">
        <a class="navbar-brand" href="{{ url('/') }}">
          <img style="width: 22%;" src="/images/enregla.png">
          <h2 class="brand-text">EnReglas</h2>
        </a>
      </li>
      <li class="nav-item nav-toggle">
        <a class="nav-link modern-nav-toggle pe-0" data-toggle="collapse">
          <i class="d-block d-xl-none text-primary toggle-icon font-medium-4" data-feather="x"></i>
          <i class="d-none d-xl-block collapse-toggle-icon font-medium-4 text-primary" data-feather="disc"
            data-ticon="disc"></i>
        </a>
      </li>
    </ul>
  </div>
  <div class="shadow-bottom"></div>
  <div class="main-menu-content">
    <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">


    @if(isset($user))
      @if($user->rol==1)
      <li class="nav-item  ">
        <a href="/dashboard/ecommerce" class="d-flex align-items-center" target="_self">
        <i data-feather="home"></i>
          <span class="menu-title text-truncate">Dashboard</span>
                        </a>
     </li>
      <li class="nav-item  ">
              <a href="/dashboard/empresas" class="d-flex align-items-center" target="_self">
              <i data-feather="briefcase"></i>
                <span class="menu-title text-truncate">Empresas</span>
             </a>
      </li>
      <li class="nav-item  ">
        <a href="/dashboard/colaboradores" class="d-flex align-items-center" target="_self">
        <i data-feather="user"></i>
          <span class="menu-title text-truncate">Colaboradores</span>
       </a>
    </li>
    <li class="nav-item  ">
        <a href="/dashboard/oferta" class="d-flex align-items-center" target="_self">
        <i data-feather="users"></i>
          <span class="menu-title text-truncate">Oferta Laboral</span>
                        </a>
    </li>
    <li class="nav-item  ">
        <a href="/dashboard/sectores" class="d-flex align-items-center" target="_self">
        <i data-feather="user"></i>
          <span class="menu-title text-truncate">Sectores</span>
       </a>
    </li>
    <li class="nav-item  ">
        <a href="/dashboard/profesiones" class="d-flex align-items-center" target="_self">
        <i data-feather="user"></i>
          <span class="menu-title text-truncate">Profesiones</span>
       </a>
    </li>

    <li class="nav-item  ">
        <a href="/dashboard/habilidades" class="d-flex align-items-center" target="_self">
        <i data-feather="user"></i>
          <span class="menu-title text-truncate">Habilidades</span>
       </a>
    </li>
       <li class="nav-item  ">
        <a href="/dashboard/usuarios" class="d-flex align-items-center" target="_self">
        <i data-feather="users"></i>
          <span class="menu-title text-truncate">Usuarios Admin</span>
       </a>
</li>

<li class="nav-item  ">
        <a href="/dashboard/reportes" class="d-flex align-items-center" target="_self">
        <i data-feather="file"></i>
          <span class="menu-title text-truncate">Reportes</span>
       </a>
</li>
      @elseif($user->rol==2)
      <li class="nav-item  ">
              <a href="/dashboard/analytics" class="d-flex align-items-center" target="_self">
              <i data-feather="home"></i>
                <span class="menu-title text-truncate">Dashboard</span>
                              </a>
      </li>
      @if($user->pago==1)

      <li class="nav-item  ">
        <a href="/dashboard/oferta" class="d-flex align-items-center" target="_self">
        <i data-feather="users"></i>
          <span class="menu-title text-truncate">Oferta Laboral</span>
                        </a>
    </li>
      <li class="nav-item  ">
              <a data-bs-toggle="modal"
                data-bs-target="#buscar_empleado" class="d-flex align-items-center" target="_self">
              <i data-feather="user"></i>
                <span class="menu-title text-truncate">Buscar ex-Colaborador</span>
                              </a>
      </li>
      @endif
      @else
        <li class="nav-item  ">
              <a href="/dashboard/colaboradoresd" class="d-flex align-items-center" target="_self">
              <i data-feather="home"></i>
                <span class="menu-title text-truncate">Dashboard</span>
                              </a>
      </li>
      @endif

      @if($user->pago==1 && $user->rol!=3)
      <li class="nav-item  ">
        <a href="/chatify" target="_blank"
         class="d-flex align-items-center" target="_self">
        <i data-feather="message-square"></i>
          <span class="menu-title text-truncate">Chat</span>
        </a>
        </li>
        @endif

        @if($user->pago==1)
      <li class="nav-item  ">
        <a href="/chatify/27" target="_blank"
         class="d-flex align-items-center" target="_self">
        <i data-feather="message-square"></i>
          <span class="menu-title text-truncate">Soporte Enreglas</span>
        </a>
        </li>

        @endif
        @if($user->pago==1 && $user->rol!=3)

        <li class="nav-item  ">
        <a href="/chatify/27" target="_blank"
         class="d-flex align-items-center" target="_self">
        <i data-feather="message-square"></i>
          <span class="menu-title text-truncate">Solicitar Servicio</span>
        </a>
        </li>
        @endif




      @endif







      {{-- Foreach menu item starts
      @if (isset($menuData[0]))
        @foreach ($menuData[0]->menu as $menu)
          @if (isset($menu->navheader))
            <li class="navigation-header">
              <span>{{ __('locale.' . $menu->navheader) }}</span>
              <i data-feather="more-horizontal"></i>
            </li>
          @else
            {{-- Add Custom Class with nav-item
            @php
              $custom_classes = '';
              if (isset($menu->classlist)) {
                  $custom_classes = $menu->classlist;
              }
            @endphp
            <li
              class="nav-item {{ $custom_classes }} {{ Route::currentRouteName() === $menu->slug ? 'active' : '' }}">
              <a href="{{ isset($menu->url) ? url($menu->url) : 'javascript:void(0)' }}" class="d-flex align-items-center"
                target="{{ isset($menu->newTab) ? '_blank' : '_self' }}">
                <i data-feather="{{ $menu->icon }}"></i>
                <span class="menu-title text-truncate">{{ __('locale.' . $menu->name) }}</span>
                @if (isset($menu->badge))

                  <span
                    class="{{ isset($menu->badgeClass) ? $menu->badgeClass : $badgeClasses }}">{{ $menu->badge }}</span>
                @endif
              </a>
              @if (isset($menu->submenu))
                @include('panels/submenu', ['menu' => $menu->submenu])
              @endif
            </li>
          @endif
        @endforeach
      @endif
      {{-- Foreach menu item ends--}}
    </ul>
  </div>
</div>
<!-- END: Main Menu-->