<nav class="navbar navbar-expand-lg bg-black">
  <div class="container">
    <a class="navbar-brand text-white" href="/">
      <span>M</span>erchbay
      {{-- <img src="{{asset('/public/images/merchbay-white.png')}}" class="img-fluid" alt="logo"> --}}
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMainToggler" aria-controls="navbarMainToggler" aria-expanded="false" aria-label="Toggle navigation">
      <i class="bi bi-list text-white"></i>
    </button>
    <div class="collapse navbar-collapse justify-content-end" id="navbarMainToggler" v-if="hasMenu">
      <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
        <!-- <li class="d-inline d-lg-none">
              <button data-toggle="collapse" data-target="#navbarMainToggler" class="close float-end" aria-expanded="true">×</button>
          </li> -->
        <li class="nav-item text-center d-md-none d-block">
          <h5>Menu</h5>
        </li>
        <li class="nav-item">
          <a href="{{ url('./track-order') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1 sign">Track Order</a>
        </li>
        @if (Auth::guest())
        <li class="nav-item">
          <a href="{{ url('./auth/login') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1 sign">Sign in</a>
        </li>
        <li class="nav-item">
          <a href="{{ url('./auth/register') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1">Register</a>
        </li>
        @else

        @if(Auth::user()->role == "admin")
        <li class="nav-item">
          <a href="{{ url('admin') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1">Dashboard</a>
        </li>
        @elseif(Auth::user()->role == "store_owner")
        <li class="nav-item">
          <a href="{{ url('user') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1">Dashboard</a>
        </li>
        @else
        <li class="nav-item">
          <a href="{{ url('user') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1">Dashboard</a>
        </li>
        @endif

        <li class="nav-item">
          <a href="{{ url('./auth/logout') }}" class="nav-link btn btn-white-outline btn-sm text-uppercase mx-1">Logout</a>
        </li>
        @endif
        <li class="nav-item">
          <a href="{{ url('cart') }}" type="button" class="nav-link btn btn-navbar-cart btn-sm">
            <i class="fa fa-shopping-cart"></i>
            <span class="badge bg-secondary">{{ \App\Http\Controllers\MainController::getCountCart() }}</span>
            {{-- <span class="visually-hidden">unread messages</span> --}}
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>