@php
  $brand_colors = App\Helpers\CommonHelper::masterBrandColor();
@endphp
@push('style')
<style>

</style>
@endpush
<div class="navtop">
@include('frontend.common.nav')
</div>
<header id="header" class="headers p-2 heads">
  <div class="head-nav d-flex p-2 container-fluid">
    <a href="/" class="lo">
      <!-- <img src="{{$dataConfigs['logo']}}" width="100" alt="logo"> -->
      <img class="mt-2 logo" src="{{page_setting_config()['logo']}}" alt="logo" style="max-height: 140px">
      <img class="mt-2 dark_logo" src="{{page_setting_config()['dark_logo']}}" width="200" height="200" alt="dark_logo">
    </a>

      <button class="dt-p-w navbar-toggler">
          <svg class="" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
      </button>

      <nav id="navbar" class="navs navb">
          <button class=" p-2 navbar-toggler float-right">
            <svg class="close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#fff" class="bi bi-x-lg" viewBox="0 0 16 16">
              <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
            </svg>
          </button>

          <ul class="sec-head d-lg-flex ">
            <li><a class="{{ request()->route()->named('fe.index') ? 'nav-link active' : 'nav-link scrollto' }}" href="{{route('fe.index')}}">Home</a></li>
            <!-- <li><a class="nav-link scrollto" href="/master-classes">Master Class</a></li> -->
            <!-- <li><a class="nav-link scrollto" href="/market">Clinical Case Discussion</a></li> -->
            <!-- <li><a class="nav-links scrollto">Upcoming Class</a>
              <ul class="nav_dropdown nav-submenu" style="right: auto;">
                <li><a class="sub-link" href="{{route('fe.master-live.index')}}">Master Class</a></li>
                <li><a class="sub-link" href="{{route('fe.clinical-live.index')}}">Clinical Case Discussion</a></li>

              </ul>
            </li> -->
            <li><a class="nav-links scrollto" >Academics</a>
              <ul class="nav_dropdown nav-submenu" style="right: auto;">
                <li><a class="sub-link" href="{{route('fe.market-place.index')}}">Master Class</a></li>
                <li><a class="sub-link" href="{{route('fe.clinical-case')}}">Clinical Case Discussion</a></li>
               <li><a class="sub-link" href="{{route('fe.table-viva')}}">Table Viva</a></li>
               <li><a class="sub-link" href="{{route('fe.master-live.index')}}">Upcoming Webinars</a></li>
               <li><a class="sub-link" href="{{route('fe.free-class')}}">Free Class</a></li>
               <li><a class="sub-link" href="{{route('fe.offline_classes')}}">Offline Class</a></li>
              </ul>
            </li>

            <li><a class="{{ request()->route()->named('fe.master-notes.index','fe.clinical-notes') ? 'nav-links active' : 'nav-links scrollto' }}">Dr.Azam's Notes</a>
            @if(count(App\Helpers\CommonHelper::notesCategory()) > 0)
            <ul class="nav_dropdown nav-submenu" style="">
              @foreach(App\Helpers\CommonHelper::notesCategory() as $nvalue)
              <li><a class="sub-link" href="{{ route('fe.drazam-notes.all', [$nvalue->id]) }}">{{$nvalue->title}}</a></li>
              @endforeach
              {{-- <li><a class="sub-link" href="{{route('fe.free-notes')}}">Free Notes</a></li> --}}
              </ul>
            @endif
            </li>


            <!-- <li><a class="nav-link scrollto" href="/market">Clinical</a></li> -->
            <li><a class="{{ request()->route()->named('fe.about.index') ? 'nav-link active' : 'nav-link scrollto' }}" href="{{route('fe.about.index')}}">About Us</a></li>
            <!-- <li><a class="nav-links scrollto">Pages</a>
              <ul class="nav_dropdown nav-submenu" style="right: auto;">
                <li><a class="sub-link" href="/faq">Faq</a></li>
              </ul>
            </li> -->
            <li><a class="{{ request()->route()->named('fe.faq.index') ? 'nav-link active' : 'nav-link scrollto' }}" href="{{route('fe.faq.index')}}">FAQ's</a></li>
            <li><a class="{{ request()->route()->named('fe.blog.index') ? 'nav-link active' : 'nav-link scrollto' }}" href="{{route('fe.blog.index')}}">Blog</a></li>
            <li><a class="{{ request()->route()->named('fe.contact_us.index') ? 'nav-link active' : 'nav-link scrollto' }}" href="{{route('fe.contact_us.index')}}">Contact Us</a></li>
          </ul>

          <div class="na d-flex justify-content-center align-items-center flex-column m-5">

            @if (!is_student_master())
              <a class="default-btn scrollto d-lg-inline my-2" href="{{route('fe.login')}}">login</a>
              <a class="default-btn scrollto d-lg-inline my-2" href="{{route('fe.register')}}">Sign Up</a>

            @elseif(is_student_master())
             {{-- <a href="{{route('fe.student.cart.index')}}" title="Cart" class="rounded-full my-2 text-white">
                <img src="{{asset('themes/default/images/empty-cart2.svg')}}" alt="images" class="img-icon">
                <span id="cart_count">  @php echo (\App\Helpers\CommonHelper::cartCount(user()->id) > 0) ? \App\Helpers\CommonHelper::cartCount(user()->id) : ''; @endphp </span>
              </a> --}}
              <a href="{{route('fe.student.dashboard')}}" title="Dashboard" class="rounded-full my-2">
                <img src="{{asset('themes/default/images/img-signup.svg')}}" alt="images" class="img-icon">
              </a>
              <button class="logout-btn" title="logout" onclick="event.preventDefault();document.getElementById('logout-form-student').submit();">

                <div class="sign"><svg viewBox="0 0 512 512"><path d="M377.9 105.9L500.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L377.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1-128 0c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM160 96L96 96c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c-53 0-96-43-96-96L0 128C0 75 43 32 96 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32z"></path></svg></div>

              </button>
              <form id="logout-form-student" action="{{ route('fe.logout') }}" method="POST" style="display: none;">
              @csrf
              </form>
              @endif
          <div>
        </nav>


          <!-- <div class="">
            <input type="checkbox" class="checkboxs" id="theme-toggle">
            <label for="theme-toggle" class="dt-bg-w checkboxs-label">
            <svg xmlns="http://www.w3.org/2000/svg" class="dt-p-b" height="1em" fill="#fff" viewBox="0 0 512 512">
                <path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>
            <svg xmlns="http://www.w3.org/2000/svg" class="dt-p-b" height="1em" fill="#fff" viewBox="0 0 384 512">
              <path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
              <span class="dt-bg ball"></span>
            </label>
          </div> -->
          @if (is_student_master())
            @php
              $theme_colors = App\Helpers\CommonHelper::brandColor();
            @endphp
            <form action="{{route('fe.student.theme')}}" method="POST">
                @csrf
                @method('PUT')
                @if ($theme_colors[0] == "default")
                <button type="submit" class="btn d-flex align-item-center" style="font-size:24px">
                  <i class='bx bx-sun sun light_sun text-white' title="light theme"></i>
                </button>
                @else
                  <button type="submit" class="btn d-flex align-item-center" style="font-size:24px">
                    <i class='bx bx-moon moon' title="dark theme"></i>
                  </button>
                @endif
              </form>
          @else

          @endif
          <!-- <div class="darkLight">
                <div class="dark-light" id="theme-toggle">
                    <i class='bx bx-moon moon'></i>
                    <i class='bx bx-sun sun'></i>
                </div>
          </div> -->
  </div>
</header>

<!-- scroll top -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center active">
  <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 512 512">
    <path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" />
  </svg>
</a>

<!-- cursor -->
<div class="d-none cursor"></div>
<div class="cursor2 d-none"></div>

<div class="clearfix"></div>

@push('script')
<script>
  $(document).ready(function(){
  $('#toggle_btn').on('click', function(event){
    event.stopPropagation();
    $('.profile_lo').toggle();
  });

  $(document).on('click', function(event){
    if (!$(event.target).closest('.profile_lo, #toggle_btn').length) {
      $('.profile_lo').hide();
    }
  });
});
</script>
@endpush