@if (menuType() == 'up')
<style>
  .top-header.left{
      display: none;
  }


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>a:after {
  content: "˃";
  float: right;
  border: none;
  font-family: 'FontAwesome';
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

header.header.up {
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
    background-image: linear-gradient(#f3f3f3, #ababab);
}
.up .navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
}
</style>
@else

<style>
.header.up{
      display: none;
  }

</style>

@endif
    <!--header-->
  <header class="top-header left">

    <nav class="navbar navbar-expand">
      <div class="left-topbar d-flex align-items-center" style="background-color: #fff;">

        <a href="javaScript:;" class="toggle-btn">	<i class="bx bx-menu"></i>
        </a>

          {{-- <a href="{{ route('dashboard.index') }}"><b style="font-size: 30px; color: #212529"><b style="font-size: 30px; color: #af1644">O</b>BS</b></a> --}}
          <a href="{{ route('dashboard.index') }}"><img style="max-width: 90%" src="{{ asset('trefle.png') }}" alt=""></a>
          @if(!(get_guard()=='customer') && (count(user_lines())>1)) - <a href="{{route('default.set_active_line',['line'=>(current_line())])}}"><b style="font-size: 30px; color: #af1644">{{strtoupper(getProductLine()[current_line()])}}</b></a>@endif

      </div>

      <div class="d-flex align-items-center">
        @if(get_guard()=='customer')
        <marquee width="200px" direction="right">
          <h2 class="text-danger">{{auth()->guard('customer')->user()->name_eng}}</h2>
        </marquee>
        @endif
      </div>
      <div class="d-flex align-items-center">
        <marquee>
            <h4 class="text-danger text-center">Checkout Time: {{ date('h:i:sA', strtotime(store_info()->check_in_time)) }}
            <span class="text-danger text-center pl-2">Checkout Consider Time: {{ store_info()->check_in_consider_time ? store_info()->check_in_consider_time : 0 }}Minutes<span></h4>
        </marquee>

      </div>
      <div class="d-flex align-items-center">
          <div style="line-height: 100%">
            <span>Checkout Time Remains</span><br>
            <h2 class="text-danger font-weight-bold pl-3 mb-0" id="checkout_remain_clock"></h2>
          </div>

      </div>
      {{-- <div class="d-flex align-items-center">

      </div> --}}

      <div class="right-topbar ml-auto">

        <ul class="navbar-nav">

          @if(!(get_guard()=='customer'))
          <li class="nav-item dropdown dropdown-lg">
            <a class="nav-link dropdown-toggle dropdown-toggle-nocaret px-0" href="javaScript:;" data-toggle="dropdown">
              <div class="media user-box align-items-center">
                <i  class="bx bxl-microsoft vertical-align-middle" style="font-size: 40px;"></i>
                <div class="media-body user-info pl-2">
                  <p class="user-name mb-0">{{strtoupper(warehouse_info()->name_eng)}}</p>
                  <p class="designattion mb-0 text-left {{current_warehouse()==current_store()?'text-danger':'text-light'}}"> {{strtoupper(store_info()->name_eng)}}</p>
                </div>

              </div>
            </a>
              <div class="dropdown-menu dropdown-menu-right" style="height: 350px; overflow-y:scroll;">
                <a href="javaScript:;">
                <div class="msg-header" style="background-color: #197d62;">
                  <h6 class="msg-header-title">Module Links</h6>
                </div>
              </a>
              <div class="d-flex flex-wrap mt-1 p-1">
                @forelse (adminAsignedModuleList() as $module)
                <div class="col-6 col-md-3 px-1">
                    <a href="{{route('default.set_side_bar',['module_id'=>$module->id])}}" class="card radius-10 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-cart-alt"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 text-dark">{{$module->name}}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @empty
                @endforelse
                <div class="col-6 col-md-3 px-1">
                  <a href="{{route('default.set_side_bar',['module_id'=>0])}}" class="card radius-10 cursor-pointer first-single-items">
                      <div class="card-body px-0 py-2">
                          <div class="media">
                              <div class="media-body">
                                  <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-cart-alt"></i>
                                  </div>
                                  <p class="font-weight-bold text-center mb-0 text-dark">All</p>
                              </div>
                          </div>
                      </div>
                  </a>
              </div>
              </div>


              <a href="javaScript:;">
                <div class="msg-header" style="background-color: #197d62;">
                  <h6 class="msg-header-title">Warehouse List</h6>
                </div>
              </a>
              <div class="d-flex flex-wrap mt-1 p-1">
                @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                <div class="col-6 col-md-3 px-1">
                    <a href="{{route('default.set_active_warehouse',['id'=>$warehouse->id])}}" class="card radius-10 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg-warning':''}}" style="border-radius: 10px">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-buildings"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 text-dark">{{$warehouse->name_eng}}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @empty
                @endforelse
              </div>
              <a href="javaScript:;">
                <div class="msg-header" style="background-color: #197d62;">
                  <h6 class="msg-header-title">Store List</h6>
                </div>
              </a>
              <div class="d-flex flex-wrap mt-1 p-1">
                @forelse (adminAsignedWarehouseList()->where('type',3) as $store)
                <div class="col-6 col-md-3 px-1">
                    <a href="{{route('default.set_active_store',['id'=>$store->id])}}" class="card radius-10 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{session('active_store')?(session('active_store')==$store->id?'bg-warning':''):''}}" style="border-radius: 10px">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-buildings"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 text-dark">{{$store->name_eng}}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                @empty
                @endforelse
                @if(adminAccessAllStore())
                  <div class="col-6 col-md-3 px-1">
                    <a href="{{route('default.set_active_store',['id'=>0])}}" class="card radius-10 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{session('active_store')?(session('active_store')==current_warehouse()?'bg-warning text-dark':'bg-danger text-light'):''}}" style="border-radius: 10px">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 text-center"><i class="bx bx-buildings"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0">Warehouse Only</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @endif
              </div>


            </div>
          </li>
          @endif
          <li class="nav-item dropdown dropdown-user-profile">
            <a class="nav-link dropdown-toggle dropdown-toggle-nocaret px-2" href="javaScript:;" data-toggle="dropdown">
              <div class="media user-box align-items-center">
                <div class="media-body user-info">
                  <p class="user-name mb-0">{{strtoupper(Auth::guard(get_guard())->user()->name)}}</p>
                  <p class="designattion mb-0">
                    @if(get_guard()=='customer')
                      {{-- {{'CUSTOMER'}} --}}
                      {{auth()->guard('customer')->user()->name_eng}}

                    @else
                      {{-- {{Auth::guard('admin')->user()->roles->first()->name}} --}}
                      {{auth()->guard('admin')->user()->name}}
                    @endif
                  </p>
                </div>
                <img src="/assets/images/user.jpg" class="user-img" alt="">
              </div>
            </a>
            <div class="dropdown-menu dropdown-menu-right">	<a class="dropdown-item" href="{{route(get_guard()=='customer'?'customer.profile':'admin.profile')}}"><i
                  class="bx bx-user"></i><span>Profile</span></a>
              {{-- <a class="dropdown-item" href="javaScript:;"><i
                  class="bx bx-cog"></i><span>Settings</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bx bx-tachometer"></i><span>Dashboard</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bx bx-wallet"></i><span>Earnings</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bx bx-cloud-download"></i><span>Downloads</span></a> --}}
              <div class="dropdown-divider mb-0"></div>	<a class="dropdown-item" href="{{route('custom_logout')}}"><i
                  class="bx bx-power-off"></i><span>Logout</span></a>
            </div>
          </li>

        </ul>
      </div>
    </nav>



  </header>
  <!--end header-->

  <header class="header up ">
    <nav class="navbar navbar-expand-lg navbar-light  py-2 shadow-sm">
      <div class="container-fluid">
        <a href="#" class="navbar-brand font-weight-bold">OBS</a>
        <button type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbars" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler">
                  <span class="navbar-toggler-icon"></span>
              </button>
        <div id="navbarContent" class="collapse navbar-collapse">
          <ul class="navbar-nav mr-auto">
            {!! session('sidebar_html') !!}

          </ul>

        </div>
        <div class="right-topbar ml-auto pr-0" style="height: 50px !important;">
          <ul class="navbar-nav" style="height: 50px !important;">

            @if(!(get_guard()=='customer'))
            <li class="nav-item dropdown">
              <a style="height: 50px !important;" class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="javaScript:;" data-toggle="dropdown" aria-expanded="false">
                <i  class='bx bxl-microsoft vertical-align-middle'>
                  <span class="user-name mb-0">{{strtoupper(adminAsignedWarehouseList()->where('id',current_warehouse())->first()->name_eng)}}</span>
                </i>
              </a>
                <div class="dropdown-menu dropdown-menu-right" style="height: 350px; overflow-y:scroll;">


                <a href="javaScript:;">
                  <div class="msg-header" style="background-color: #197d62;">
                    <h6 class="msg-header-title">Quick Access Links</h6>
                  </div>
                </a>
                <div class="d-flex flex-wrap mt-1">
                  @for ($i = 0; $i < 10; $i++)
                  <div class="col-6 col-md-3 px-1">
                      <a href="#" class="card radius-10 cursor-pointer first-single-items">
                          <div class="card-body px-0 py-2">
                              <div class="media">
                                  <div class="media-body">
                                      <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-cart-alt"></i>
                                      </div>
                                      <p class="font-weight-bold text-center mb-0 text-dark">Hello Menu</p>
                                  </div>
                              </div>
                          </div>
                      </a>
                  </div>
                  @endfor
                </div>


                <a href="javaScript:;">
                  <div class="msg-header" style="background-color: #197d62;">
                    <h6 class="msg-header-title">Module Links</h6>
                  </div>
                </a>
                <div class="d-flex flex-wrap mt-1">
                  @forelse (adminAsignedModuleList() as $module)
                  <div class="col-6 col-md-3 px-1">
                      <a href="{{route('default.set_side_bar',['module_id'=>$module->id])}}" class="card radius-10 cursor-pointer first-single-items">
                          <div class="card-body px-0 py-2">
                              <div class="media">
                                  <div class="media-body">
                                      <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-cart-alt"></i>
                                      </div>
                                      <p class="font-weight-bold text-center mb-0 text-dark">{{$module->name}}</p>
                                  </div>
                              </div>
                          </div>
                      </a>
                  </div>
                  @empty
                  @endforelse
                </div>


                <a href="javaScript:;">
                  <div class="msg-header" style="background-color: #197d62;">
                    <h6 class="msg-header-title">Warehouse List</h6>
                  </div>
                </a>
                <div class="d-flex flex-wrap mt-1">
                  @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                  <div class="col-6 col-md-3 px-1">
                      <a href="{{route('default.set_active_warehouse',['id'=>$warehouse->id])}}" class="card radius-10 cursor-pointer first-single-items">
                          <div class="card-body px-0 py-2 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg-warning':''}}">
                              <div class="media">
                                  <div class="media-body">
                                      <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-buildings"></i>
                                      </div>
                                      <p class="font-weight-bold text-center mb-0 text-dark">{{$warehouse->name_eng}}</p>
                                  </div>
                              </div>
                          </div>
                      </a>
                  </div>
                  @empty
                  @endforelse
                </div>
                <a href="javaScript:;">
                  <div class="msg-header" style="background-color: #197d62;">
                    <h6 class="msg-header-title">Store List</h6>
                  </div>
                </a>
                <div class="d-flex flex-wrap mt-1">
                  @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',current_warehouse()) as $store)
                  <div class="col-6 col-md-3 px-1">
                      <a href="{{route('default.set_active_store',['id'=>$store->id])}}" class="card radius-10 cursor-pointer first-single-items">
                          <div class="card-body px-0 py-2 {{session('active_store')?(session('active_store')==$store->id?'bg-warning':''):''}}">
                              <div class="media">
                                  <div class="media-body">
                                      <div class="font-weight-bold font-30 text-dark text-center"><i class="bx bx-buildings"></i>
                                      </div>
                                      <p class="font-weight-bold text-center mb-0 text-dark">{{$store->name_eng}}</p>
                                  </div>
                              </div>
                          </div>
                      </a>
                  </div>
                  @empty
                  @endforelse
                </div>


              </div>
            </li>
            @endif
            <li class="nav-item dropdown dropdown-user-profile">
              <a  style="height: 50px !important;" class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javaScript:;" data-toggle="dropdown">
                <div class="media user-box align-items-center" style="height: 50px !important;">
                  <div class="media-body user-info">
                    <p class="user-name mb-0">{{strtoupper(Auth::guard(get_guard())->user()->name)}}</p>
                    <p class="designattion mb-0">
                      @if(get_guard()=='customer')
                      {{'CUSTOMER'}}

                      @else
                      {{Auth::guard('admin')->user()->roles->first()->name}}
                      @endif
                    </p>
                  </div>
                  <img src="/assets/images/user.jpg" class="user-img" alt="">
                </div>
              </a>
              <div class="dropdown-menu dropdown-menu-right">	<a class="dropdown-item" href="javaScript:;"><i
                    class="bx bx-user"></i><span>Profile</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bx bx-cog"></i><span>Settings</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bx bx-tachometer"></i><span>Dashboard</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bx bx-wallet"></i><span>Earnings</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bx bx-cloud-download"></i><span>Downloads</span></a>
                <div class="dropdown-divider mb-0"></div>	<a class="dropdown-item" href="{{route('custom_logout')}}"><i
                    class="bx bx-power-off"></i><span>Logout</span></a>
              </div>
            </li>

          </ul>
        </div>

      </div>
    </nav>
  </header>