@php
$menuMain = $menu->getMenuSidebar();
@endphp

<div class="sidebar-left bg-white mt-4" @if( \Request::route()->getName() !== 'home' ) id="sidebarLeft" @endif>
  
  <h4 class="font-abeezee outer-red-text text-center font-weight-bold px-1 dropdown">CATEGORIAS
    @if ( (\Request::route()->getName() === 'front.list.grupo') || (\Request::route()->getName() === 'front.list.grupo-subgrupo') )
    <!-- Esta área só aparece, quando se está dentro dos grupos -->
    
    <span class="font-weight-bold outer-grey-text float-right dropdown-toggle ml-lg-5 ml-md-2">
      <i class="fas fa-align-justify"></i>
    </span>
    
    <div class="dropdown-menu">
      @foreach ($menuMain as $link => $montaMenu)
      
      @if($montaMenu)
      <a class="border-bottom dropdown-item font-weight-bold outer-grey-text font-nunito" href="{{ route('front.list.grupo', [str_slug($montaMenu->grupo_grupo, '-'), $montaMenu->grupo_id]) }}">
        <i class="fas fa-angle-right"></i> {{ $montaMenu->grupo_grupo }}
      </a>
      @endif
      
      @endforeach
    </div>
    @endif
  </h4>
  
  @if ( ( \Request::route()->getName() === 'front.list.grupo' ) || ( \Request::route()->getName() === 'front.list.grupo-subgrupo') )
  <!-- Aqui, lista os subgrupos, após selecionar na tela inicial -->
  <div class="mr-1" id="sidebar">
    
    @foreach ($listSubGrupo as $key => $subGrupo)
    @if (count($listSubGrupo) > 1)
    
    @php
    $link = route('front.list.grupo-subgrupo', [str_slug($subGrupo['slug'], '-'), $idGrupo, $subGrupo['idSubGrupo']]);
    
    if ($idSubGrupo && (intval($idSubGrupo) === intval($subGrupo['idSubGrupo']))) {
      $check = '<i class="fas fa-check green-text"></i>';
      $color = '';
    } else {
      $check = '';
      $color = '';
    }    
    @endphp
    
    <div class="@if($key === 0) border-top border-bottom @else border-bottom @endif pointer {{$color}} pl-2 py-2" onclick="javascript:window.location.href='{{$link}}'">
      {{$subGrupo['subGrupo']}} <span class="ml-3">{!! $check !!}</span>
    </div>
    
    @endif
    
    @endforeach
  </div>
  
  @else <!-- Esta é a tela inicial, abre os grupos com os subgrupos no hover -->
  
  <div id="categorySidebar">
    @foreach ($menuMain as $link => $montaMenu)
    
    @if($montaMenu)
    
    <div class="@if($link === 0) border-top border-bottom @else border-bottom @endif pointer dropright pl-2 py-2" data-toggle="dropdown">
      
      <span onclick="javascript:window.location.href='{{ route('front.list.grupo', [str_slug($montaMenu->grupo_grupo, '-'), $montaMenu->grupo_id]) }}'" >
        <i class="fas fa-angle-right"></i> {{ $montaMenu->grupo_grupo }}
      </span>
      
      @php
      $subMenu = $menu->getSubMenu($montaMenu->grupo_id, "S");
      @endphp
      
      @if ($subMenu->count() > 0)
      <i class="fas fa-caret-right float-right show-submenu" style="display: none;"></i>
      
      <div class="dropdown-menu">
        
        @foreach($subMenu as $dropdown)
        
        @php
        $submenuTitle = $menu->getSubMenuTitle($dropdown->web_submenu_id_subgrupo)
        @endphp
        
        @if (isset($submenuTitle->grupo_sub_sub_grupo))
        
        <a class="dropdown-item" onclick="javascript:window.location.href='{{ route('front.list.grupo-subgrupo', [str_slug($submenuTitle->grupo_sub_sub_grupo, '-'), $montaMenu->grupo_id, $dropdown->web_submenu_id_subgrupo]) }}'">
          {{ $submenuTitle->grupo_sub_sub_grupo }}
        </a>
        
        @endif
        
        @endforeach
        
      </div>
      
      @endif
      
    </div>
    
    @endif
    
    @endforeach
    
  </div>
  
  @endif
  
</div>