{{-- @include('frontend.common.topbar') --}}
@php
$brand_colors = App\Helpers\CommonHelper::masterBrandColor();
@endphp
@push('style')
<style>

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

    <button class="p-2 navbar-toggler">
      <svg class="" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
        <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 na">
      <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="d-lg-flex ">
        <li><a class="nav-link scrollto" href="/">Home</a></li>
        <!-- <li><a class="{{ request()->route()->named('fe.master-live.index','fe.clinical-live.index') ? 'nav-links-1 active' : 'nav-links-1 scrollto' }}">Upcoming Class</a>
              <ul class="nav_dropdown nav-submenu" style="">
                  <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="{{ request()->route()->named('fe.market-place.index','fe.clinical-case','fe.table-viva','fe.free-class','fe.master-live.index') ? 'nav-links active' : 'nav-links scrollto' }}">Academics</a>
          <ul class="nav_dropdown nav-submenu" style="">
            <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')}}">Delegates Registrations For 
                <br/>Workshops/Conference/CME/Masterclass</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>
        <ul class="nav_dropdown nav-submenu" style="">
          <li><a class="sub-link" href="{{route('fe.master-notes.index')}}">Master Notes</a></li>
          <li><a class="sub-link" href="{{route('fe.clinical-notes')}}">Clinical Case Notes</a></li>
          <li><a class="sub-link" href="{{route('fe.table-notes')}}">Table Notes</a></li>
          <!-- <li><a class="sub-link" href="{{route('fe.free-notes')}}">Free Notes</a></li> -->
        </ul>
        </li> --}}

        <li><a class="{{ request()->route()->named('fe.drazam-notes.all','fe.free-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>
            {{-- <li><a class="sub-link" href="{{route('fe.master-notes.index')}}">Master Notes</a>
        </li>
        <li><a class="sub-link" href="{{route('fe.clinical-notes')}}">Clinical Case Notes</a></li>
        <li><a class="sub-link" href="{{route('fe.table-notes')}}">Table Notes</a></li> --}}
        @endforeach
        {{-- <li><a class="sub-link" href="{{route('fe.free-notes')}}">Free Notes</a></li> --}}
      </ul>
      @endif
      </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') ||  request()->route()->named('fe.blog.detail')  ? '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="bntts d-flex gap-3" style="position:relative">

      @if (!is_student_master())

      <a class="default-btn scrollto d-sm-none my-2" href="/login">login</a>
      <!-- <a class="default-btn btn-getstarted scrollto d-sm-none my-1" href="/register">Sign Up</a> -->

      <!-- <a class="default-btn scrollto d-sm-none d-lg-inline" href="/login" title="login">
                     <i class="fas fa-user"></i>
                  </a>
                  <a class="default-btn scrollto d-sm-none d-lg-inline" href="/register" title="register">
                      <i class="fas fa-user-plus"></i>
                  </a> -->
      @elseif(is_student_master())
      {{-- <a href="{{route('fe.student.cart.index')}}" title="Cart" class="rounded-full 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> --}}
      {{-- <div class="dropdown">
        <button class="rounded-full" id="myDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 640 512">
            <path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM504 312V248H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V136c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H552v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z" />
          </svg>
        </button>
        <div class="dropdown-menu" aria-labelledby="myDropdown">
          <a class="dropdown-item" href="{{route('fe.student.dashboard')}}">Dashboard</a>
        </div>
      </div> --}}

       <a href="{{route('fe.student.dashboard')}}" title="Dashboard" class="rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 640 512">
        <path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM504 312V248H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V136c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H552v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z" />
      </svg>
      </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>

      <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>

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

    <!-- <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 text-primary' title="dark theme"></i>
      </button>
      @endif
    </form>
    @else
    <!-- <form action="{{route('fe.master_theme')}}" method="POST">
                @csrf
                @method('PUT')
                @if ($brand_colors == "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> -->
    @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>


@push('script')
<script>
  //   $(document).ready(function(){
  //   $('#toggle_btn').on('click', function(){
  //     $('.profile_lo').toggle();
  //   });
  // });
  // $(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();
  //     }
  //   });
  // });
  $('#myDropdown').dropdown('toggle');
</script>
@endpush