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

  <div style="background-color: #eb9036; width: 100%; height: 20px;"></div>

@endif

<nav class="navbar navbar-top navbar-expand navbar-dark bg-{{ session("template")->nome }} border-bottom">

  <a id="button_dropdown" class="px-4 py-2
                                
    @if(getenv("THEME") == "vono")

      link-nav-midnight

    @else

      link-nav

    @endif

  " style="cursor: pointer;">

    <i id="icon_dropdown" class="nav-link-text far fa-arrow-alt-circle-left fa-3x"></i>

  </a>
  
  <div class="container-fluid">

    <div class="collapse navbar-collapse" id="navbarSupportedContent">

      <ul class="navbar-nav align-items-center  ml-md-auto ">

        <li class="nav-item d-xl-none">

          <div class="pr-3 sidenav-toggler sidenav-toggler-dark" data-action="sidenav-pin" data-target="#sidenav-main">

            <div class="sidenav-toggler-inner">

              <i class="sidenav-toggler-line"></i>

              <i class="sidenav-toggler-line"></i>

              <i class="sidenav-toggler-line"></i>

            </div>

          </div>

        </li>
        
        @if(isset(session("ramal")->accountcode))

          <li class="nav-item dropdown">

            <a class="btn btn-danger btn-flat" href="{{ route(getenv("THEME") . ".logout.user")}}">

              <i class="fa fa-user"></i>

              <span>Sair</span>
              
            </a>

          </li>

        @endif

      </ul>
      
      <ul class="navbar-nav align-items-center  ml-auto ml-md-0">

        <li class="nav-item dropdown">

          <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

            <div class="media align-items-center">

              <div class="media-body  ml-2  d-none d-lg-block">

                @if(isset(session("ramal")->alias_name ))

                  <span class="hidden-xs">{{session("ramal")->alias_name}}</span>

                @endif

              </div>

            </div>

          </a>

        </li>

      </ul>

    </div>

  </div>
    
</nav>