@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;

  }

</style>

@else

  <style>

    .nav-link-text, .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 overflow-hidden

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

        bg-midnight2

    @else

        bg-white

    @endif

" id="sidenav-main">

  <div class="scrollbar-inner">

    <div class="sidenav-header align-items-center">

      <a class="navbar-brand">
        
        <img src="{{ asset("/storage/logo/$config->logo") }}" class="navbar-brand-img" alt="Logo">
        
      </a>

    </div>

    <div class="navbar-inner">

      <div class="collapse navbar-collapse" id="sidenav-collapse-main">

        @if(session("ramal"))

          <ul class="navbar-nav">

            <li class="nav-item">
              
              <a class="nav-link
              
                @if(getenv("THEME") == "vono")

                  link-nav-midnight

                @endif
              
              " id="ramal-btn" style="cursor: pointer;">
              
                <i class="nav-link-text fa fa-phone text-{{ session("template")->nome }}"></i>
                
                <span class="nav-link-text">Ramais</span>
              
              </a>
            
            </li>

            <li class="nav-item">
              
              <a class="nav-link
              
                @if(getenv("THEME") == "vono")

                  link-nav-midnight

                @endif
              
              " id="relatorio-btn" style="cursor: pointer;">
                
                <i class="fa fa-list text-{{ session("template")->nome }}"></i>
                
                <span class="nav-link-text">Relatórios</span>
              
              </a>
            
            </li>

            <li class="nav-item">
              
              <a class="nav-link
              
                @if(getenv("THEME") == "vono")

                  link-nav-midnight

                @endif
              
              " id="ajuda-btn" style="cursor: pointer;">
                
                <i class="fa fa-chart-bar text-{{ session("template")->nome }}"></i>
                
                <span class="nav-link-text">Ajuda</span>
              
              </a>
            
            </li>

          </ul>

          @if(session("ramal")->amaflags == "webrtc")
          
            <div class="border_telefone">

              @include(getenv("THEME") . ".Painel._telefone")

            </div>

          @endif
        
        @endif
        
      </div>

    </div>

  </div>

</nav>