@if(getenv("THEME") == "vono")

    <style>

        .nav-link-text, .link-nav-midnight, .link-nav {

            color: white;

        }

        .link-nav-midnight:hover *, .nav-dropdown-sidebar.active:hover * {

            color: #eb9036 !important;

        }

        .link-nav-midnight-2 * {

            color: #eb9036;

        }

        .nav-dropdown-sidebar.active * {

            color: #000 !important;
        
        }

        .link-nav:hover * {

            color: #000 !important;

        }

        .scroll-style {

            scrollbar-color: white #173c5e !important;

        }

    </style>

@else

    <style>

        .nav-link-textm, .link-nav {

            color: white !important;

        }

        .link-nav * {

            color: white !important;

        }

        .link-nav:hover * {

            color: #000 !important;

        }

    </style>

@endif

<nav id="sidebar" class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light scroll-style

    @if(getenv("THEME") == "vono")

        bg-midnight2

    @else

        bg-white

    @endif

" id="sidenav-main">

  <div>
    <!-- Brand -->
    <div class="sidenav-header  align-items-center">
      <a  href="{{ route(getenv("THEME") . '.home') }}">
        
        @if(session('logo'))
        <img src="{{asset('/storage/logo/' . session('logo'))}}" class="img-fluid p-4 mt-3" alt="...">
        @else
        <img src="{{ url('/logo/logo.png')}}" class="img-fluid p-4 mt-3" alt="...">
        @endif
      </a>
    </div>
    <div class="navbar-inner">
      <!-- Collapse -->
      <div class="collapse navbar-collapse" id="sidenav-collapse-main">
        
        <hr class="my-3">
        <h6 class="navbar-heading p-0 text-muted"><span class="docs-normal">Configurações</span></h6>
        
        <ul class="navbar-nav">
          
          <li class="nav-item"><a class="nav-link {{ $rota[0] == "gerenciamento" ? "active" : ""}}" href="{{ route(getenv("THEME") . '.gerenciamento.index') }}"><i class="fa fa-project-diagram text-{{ session('template')->nome }}"></i><span class="nav-link-text">Gerenciar Módulos</span></a></li>
          
          {{-- <li class="nav-item"><a class="nav-link {{ $rota[0] == "modulos" ? "active" : ""}}" href="{{ route(getenv("THEME") . '.modulos.index') }}"><i class="fa fa-puzzle-piece text-{{ session('template')->nome }}"></i><span class="nav-link-text">Cadastrar Módulos</span></a></li> --}}
          
          <li class="nav-item"><a class="nav-link {{ $rota[0] == "versao" ? "active" : ""}}" href="{{ route(getenv("THEME") . '.versao.index') }}"><i class="fa fa-puzzle-piece text-{{ session('template')->nome }}"></i><span class="nav-link-text">Gerenciar Versão</span></a></li>

          <li class="nav-item"><a class="nav-link text-warning" href="{{ route(getenv("THEME") . '.home') }}"><i class="fa fa-backward text-warning"></i><span class="nav-link-text">Voltar para Painel</span></a></li>
          
        </ul>
      </div>
    </div>
  </div>
</nav>