@php
$sid = session()->getId();
$cartCount = \App\Models\Cart::where('session_id',$sid)->where('status','open')->withCount('items')->first()->items_count ?? 0;
$favoritedIdCount = \App\Models\Favorite::where('user_id', auth()->id())
->pluck('external_id')
->count();

@endphp

<div class="header-part">
  <header class="custom-header desktop-view-header">
    <!-- top header -->
    <div class="top-header">
      <div class="container">
        <div class="row">
          <div class="col-xl-6 col-lg-8 col-md-6 col-12">
            <x-price-ticker />
          </div>
          <div class="col-xl-6 col-lg-4 col-md-6 col-12">
            <div class="marquee">
              <div class="track">
                <div class="content">
                  <x-price-ticker-slide />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- bottom header -->
    <div class="bottom-header">
      <div class="container">
        <nav class="navbar navbar-expand-lg" style="padding: 0px;">
          <div class="navbar-logo-bug">
            <a class="navbar-brand logo-defulat" href="/">
              <img src="{{ asset('./assets/image/logo-dark.svg') }}">
            </a>
            <a class="navbar-brand logo-scroll" href="/">
              <img src="{{ asset('./assets/image/logo-scroll.svg') }}">
            </a>
            <div class="mobile-view-socil-menu">
              <ul class="socil-menu">
                <li class="header-contact">
                  <a href="tel:+42 7930927551">
                    <sapn>
                      <i class="fa-solid fa-phone"></i>
                    </sapn>
                    <span>
                      +44 7477 068003</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="nav-link searchToggle"><i
                      class="fa-solid fa-magnifying-glass"></i></a>
                </li>
                @auth
                {{-- If user is logged in --}}
                <li>
                  <a href="{{ route('dashboard') }}" class="nav-link">
                    <i class="fa-regular fa-user"></i>
                  </a>
                </li>
                <li>
                  <a href="{{ url('/wishlist') }}" class="nav-link">
                    <i class="fa-regular fa-heart"></i>
                  </a>
                  <div class="heart-item-box"><span>{{$favoritedIdCount}}</span></div>
                </li>
                <li>
                  <a href="{{ url('/cart') }}" class="nav-link">
                    <i class="fa-solid fa-basket-shopping"></i>
                  </a>
                  <div class="cart-item-box"><span>{{ $cartCount }}</span></div>
                </li>

                @else
                {{-- If user is NOT logged in --}}
                <li>
                  <a href="{{ route('login') }}" class="nav-link"><i
                      class="fa-regular fa-user"></i></a>
                </li>
                <li>
                  <a href="{{ url('/cart') }}" class="nav-link"><i
                      class="fa-solid fa-basket-shopping"></i></a>
                  <div class="cart-item-box"><span>{{ $cartCount }}</span></div>
                </li>
                @endauth
              </ul>
            </div>
            <button class="navbar-toggler" type="button"
              data-bs-toggle="collapse"
              data-bs-target="#navbarExampleOnHover"
              aria-controls="navbarExampleOnHover" aria-expanded="false"
              aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
          </div>

          <div class="collapse navbar-collapse" id="navbarExampleOnHover">
            <ul class="navbar-nav me-auto ps-lg-0"
              style="padding-left: 0.15rem">
              <li class="nav-item dropdown dropdown-hover position-static">
                <a data-mdb-dropdown-init class="nav-link dropdown-toggle"
                  href="#" id="navbarDropdown" role="button"
                  data-mdb-toggle="dropdown" aria-expanded="false">
                  Buy
                </a>
                <!-- Dropdown menu -->
                <div class="dropdown-menu w-100 mt-0"
                  aria-labelledby="navbarDropdown"
                  style="border-top-left-radius: 0;
                            border-top-right-radius: 0;
                          ">

                  <div class="container">
                    <div class="row my-4">
                      <div class="col-md-6 col-lg-2 mb-3 mb-lg-0">
                        <h6 class="common-megamenu-title">
                          Categories
                        </h6>