<div class="header hor-header">
  <div class="container">
    <div class="d-flex">
      <a class="animated-arrow hor-toggle horizontal-navtoggle"><span></span></a>
      <a class="header-brand1" href="{{ route('home') }}">
        <img src="/images/logo.png" class="header-brand-img desktop-logo" alt="logo">
        <img src="/images/logo.png" class="header-brand-img light-logo" alt="logo">
      </a>
    </div>
  </div>
</div>


<div class="mobile-header hor-mobile-header">
  <div class="container">
    <div class="d-flex">
      <a class="animated-arrow hor-toggle horizontal-navtoggle"><span></span></a>
      <a class="header-brand" href="{{ route('home') }}">
        <img src="/images/logo.png" class="header-brand-img desktop-logo" alt="logo">
        <img src="/images/logo.png" class="header-brand-img desktop-logo mobile-light" alt="logo">
      </a>
      <button class="navbar-toggler navresponsive-toggler d-md-none ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-4" aria-controls="navbarSupportedContent-4" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon fe fe-more-vertical text-dark"></span>
      </button>
    </div>
  </div>
</div>


<div class="mb-1 navbar navbar-expand-lg  responsive-navbar navbar-dark d-md-none bg-white">
  <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
    <div class="d-flex order-lg-2 ms-auto">
      <div class="dropdown d-md-flex">
        <a class="nav-link icon theme-layout nav-link-bg layout-setting">
        </a>
      </div>
    </div>
  </div>
</div>

<div class="sticky">
  <div class="horizontal-main hor-menu clearfix">
    <div class="horizontal-mainwrapper container clearfix">
      <!--Nav-->
      <nav class="horizontalMenu clearfix">
        <ul class="horizontalMenu-list">
          @if(!auth.isLoggedIn)
            <li aria-haspopup="true">
              <a href="{{ route('home') }}">
                Início
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('login') }}">
                Entrar
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('register') }}">
                Cadastro
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('recovery') }}">
                Recuperar conta
              </a>
            </li>
          @else
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.home') }}">
                Início
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.support') }}">
                Suporte
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.accounts') }}">
                Contas
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.guildmark') }}">
                Guildmark
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.ranking') }}">
                Ranking
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.characteres') }}">
                Meus personagens
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.store') }}">
                Loja de Dracma
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.historydonate') }}">
                Histórico de doação
              </a>
            </li>
            <li aria-haspopup="true">
              <a href="{{ route('dashboard.termservices') }}">
                Termos e Regras
              </a>
            </li>
            @if(auth.user.access >= 3)
              <li class="bg-light" aria-haspopup="true">
                <a href="{{ route('admin.accounts') }}">
                  Contas
                </a>
              </li>
              <li class="bg-light" aria-haspopup="true">
                <a href="{{ route('admin.shop') }}">
                  Shopping
                </a>
              </li>
              <li class="bg-light" aria-haspopup="true">
                <a href="{{ route('admin.support') }}">
                  Suporte
                </a>
              </li>
              <li class="bg-light" aria-haspopup="true">
                <a href="{{ route('admin.historydonate') }}">
                  Histórico de doações
                </a>
              </li>
              <li class="bg-light" aria-haspopup="true">
                <a href="{{ route('admin.packagesdonate') }}">
                  Pacotes de doação
                </a>
              </li>
            @endif
            <li aria-haspopup="true">
              <a href="{{ route('auth.logout') }}">
                Sair
              </a>
            </li>
          @endif
        </ul>
      </nav>
      <!--Nav-->
    </div>
  </div>
</div>
