@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;
  }
  @media (max-width: 380px) {
        #brand_logo_id{
          display: none;
        }
  }
  .top-header {
        z-index: 1020;
        top: 0 !important;
        position: sticky !important;
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        /* border-radius: 0.75rem; */
        height: 50px;
        line-height: 50px;
  }
  .left-topbar{
    height: 50px;
    padding-left: 5px;
  }
  .user-box,.right-topbar .navbar-nav .nav-link,.right-topbar{
    height: 50px;
  }
  .user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .sidebar-wrapper {
    height: calc(100% - 50px);
    top: 50px;
  }
  .page-wrapper {
    margin-top: 0 !important;
  }


</style>

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

    <nav class="navbar navbar-expand">
      <div class="left-topbar d-flex align-items-center">

        <a href="javaScript:;" class="toggle-btn">	<i class="bi bi-list"></i>
        </a>
        {{-- <a style="font-size: 30px; color: var(--topbar_font);font-weight:bolder" href="{{ route(activeDashboard()) }}" id="typewrite" class="typewrite" data-period="2000" data-type='[ "CURSOR LTD", "OBS ERP" ]'>
          <span class="wrap"></span>
        </a> --}}
        {{-- <a href="{{ route('dashboard.index') }}"><b style="font-size: 30px; color: var(--topbar_font)">Cursor</b><b style="font-size: 30px; color: #af1644">OBS</b></a> --}}
        <a href="{{ route(activeDashboard()) }}" title="{{session('locale')}}">
          <b style="font-size: 30px; color: var(--topbar_font)" id="brand_logo_id">{{__('obs.header_title1')}}</b>
          <b style="font-size: 30px; color: #af1644">{{__('obs.header_title2')}}</b></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="right-topbar ml-auto">

        <ul class="navbar-nav">
          @if(!(get_guard()=='customer') && (count(user_lines())>1))
            <li class="nav-item dropdown dropdown-lg" style="margin-right:10px">
                <a href="{{route('default.set_active_line',['line'=>(current_line())])}}"><b style="border:4px black solid; border-radius:50%;padding:0 10px; font-size: 30px; color: #af1644">{{strtoupper(__('obs.'.getProductLine()[current_line()]))}}</b></a>
            </li>
          @endif
          @if(!(get_guard()=='customer') && (count(app_langs())>1))
            <li class="nav-item dropdown dropdown-lg" style="margin-right:10px">
                <a href="{{ route('default.set_active_language', [ 'lang' => current_language() ]) }}"><b style="font-size: 15px; color: #af1644">{{ strtoupper(langInfo()->locale) }}</b></a>
            </li>
          @endif
          @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 font-weight-bold">{{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: var(--card_header);color: var(--card_header_font);">
                  <h6 class="msg-header-title">{{__('obs.modules')}} {{__('obs.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 mb-2 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{(session('sidebar_module_id')==$module->id)?'bg_active':''}}">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 {{(session('sidebar_module_id')==$module->id)?'text_active':'text_inactive'}} text-center"><i class="bi bi-cart3"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 {{(session('sidebar_module_id')==$module->id)?'text_active':'text_inactive'}}">{{__('obs.m_'.strtolower($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 mb-2 cursor-pointer first-single-items {{(session('sidebar_module_id')==0)?'bg_active':''}}">
                      <div class="card-body px-0 py-2">
                          <div class="media">
                              <div class="media-body">
                                  <div class="font-weight-bold font-30 {{(session('sidebar_module_id')==0)?'text_active':'text_inactive'}} text-center"><i class="bi bi-cart3"></i>
                                  </div>
                                  <p class="font-weight-bold text-center mb-0 {{(session('sidebar_module_id')==0)?'text_active':'text_inactive'}}">{{__('obs.all')}}</p>
                              </div>
                          </div>
                      </div>
                  </a>
              </div>
              </div>


              <a href="javaScript:;">
                <div class="msg-header" style="background-color: var(--card_header);color: var(--card_header_font);">
                  <h6 class="msg-header-title">{{__('obs.warehouses')}} {{__('obs.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 mb-2 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg_active':''}}" style="border-radius: 10px">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'text_active':'text_inactive'}} text-center"><i class="icofont-building-alt"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'text_active':'text_inactive'}}">{{$warehouse->name_eng}}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @empty
                @endforelse
              </div>
              <a href="javaScript:;">
                <div class="msg-header" style="background-color: var(--card_header);color: var(--card_header_font);">
                  <h6 class="msg-header-title">{{__('obs.stores')}} {{__('obs.list')}}</h6>
                </div>
              </a>
              <div class="d-flex flex-wrap mt-1 p-1">
                @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                <div class="col-12 col-md-12 px-1">
                  <div class="card-body px-0 py-2 {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg_active':''}}" style="border-radius: 10px">
                    <fieldset style="border:solid 2px {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'var(--card_header)':'var(--card_header)'}}">
                      <legend  class="float-none w-auto pl-2 m-0">
                      <span style="color:{{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'var(--card_header_font)':'var(--card_header)'}}">{{$warehouse->name_eng}}</span>
                    </legend>
                    <div class="d-flex flex-wrap mt-1 p-1">

                @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',$warehouse->id) as $store)
                <div class="col-6 col-md-3 px-1" style="max-height:100px;min-height:100px;margin-bottom:10px;">
                    <a href="{{route('default.set_active_store',['id'=>$store->id])}}" class="card radius-10 mb-2 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{session('active_store')?(session('active_store')==$store->id?'bg_active':''):''}}" style="border-radius: 10px;max-height:100px;min-height:100px; overflow:hidden">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 {{session('active_store')?(session('active_store')==$store->id?'text_active':'text_inactive'):''}} text-center"><i class="icofont-building-alt"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0 {{session('active_store')?(session('active_store')==$store->id?'text_active':'text_inactive'):''}}">{{$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'=>$warehouse->id])}}" class="card radius-10 mb-2 cursor-pointer first-single-items">
                        <div class="card-body px-0 py-2 {{session('active_store')?(session('active_store')==$warehouse->id?'bg_active text_active':'bg-danger text_inactive'):''}}" style="border-radius: 10px">
                            <div class="media">
                                <div class="media-body">
                                    <div class="font-weight-bold font-30 text-center"><i class="icofont-building-alt"></i>
                                    </div>
                                    <p class="font-weight-bold text-center mb-0">{{__('obs.warehouses')}} Only</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @endif
                    </div>
                    </fieldset>
                  </div>
                </div>
                @empty
                @endforelse
              </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="{{ active_user(2)->profile_img }}" 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="bi bi-person"></i><span>{{__('obs.profile')}}</span></a>
              {{-- <a class="dropdown-item" href="javaScript:;"><i
                  class="bi bi-gear"></i><span>Settings</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bi bi-speedometer2"></i><span>Dashboard</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bi bi-wallet2"></i><span>Earnings</span></a>
              <a class="dropdown-item" href="javaScript:;"><i
                  class="bi bi-cloud-download"></i><span>Downloads</span></a> --}}
              <div class="dropdown-divider mb-0"></div>
              <a class="dropdown-item" href="#" data-toggle="modal" data-target="#theme_customize"><i class='bi bi-palette' ></i><span>{{__('obs.customise_theme')}}</span></a>
              <div class="dropdown-divider mb-0"></div>
              <a class="dropdown-item" href="{{route('custom_logout')}}"><i class="bi bi-power"></i><span>{{__('obs.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: var(--card_header);">
                    <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 mb-2 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="bi bi-cart3"></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: var(--card_header);color: var(--card_header_font)">
                    <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 mb-2 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="bi bi-cart3"></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: var(--card_header);color: var(--card_header_font);">
                    <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 mb-2 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="icofont-building-alt"></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: var(--card_header);">
                    <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 mb-2 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="icofont-building-alt"></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="{{ active_user(2)->profile_img }}" class="user-img" alt="">
                </div>
              </a>
              <div class="dropdown-menu dropdown-menu-right">	<a class="dropdown-item" href="javaScript:;"><i
                    class="bi bi-person"></i><span>Profile</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bi bi-gear"></i><span>Settings</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bi bi-speedometer2"></i><span>Dashboard</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bi bi-wallet2"></i><span>Earnings</span></a>
                <a class="dropdown-item" href="javaScript:;"><i
                    class="bi bi-cloud-download"></i><span>Downloads</span></a>
                <div class="dropdown-divider mb-0"></div>	<a class="dropdown-item" href="{{route('custom_logout')}}"><i
                    class="bi bi-power"></i><span>Logout</span></a>
              </div>
            </li>

          </ul>
        </div>

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