@php
    $categories = fetchCategories();
@endphp


<!--- Start Header Section -->
<header id="header" class="sticky">
    @if (!request()->is('terms-and-condition') && !request()->is('aboutus*') && !request()->is('privacy-policy') && !request()->is('how-it-works-app*'))
    @include('loader.loader')
    @include('layouts.partials.topheader')
        <section class="mid-header notranslate">
            <div class="container">
                <div class="row align-items-center top-row">
                    <div class="col-5 col-sm-6 col-md-4 col-lg-2 left_col" id="pc-logo">
                        <a href="{{ url('/') }}" class="brand_logo">
                            <img src="{{ asset('frontend/img/brandLogo.png') }}" class="img-fluid" alt="Brand Logo">
                        </a>
                    </div>
                    <div class="col-2 col-sm-2 col-md-4 col-lg-4 text-center d-none d-lg-block">
                        <div class="input-group search_group d-none d-md-block">
                            <form method="get" class="mb-0  {{ getDefaultTargetLanguage() }}"
                                action="{{ route('search.advertisements.page', ['id' => '0']) }}">
                                {{-- action="{{ route('category.list', ['id' => '0']) }}"> --}}

                                <input type="text" class="form-control" id="headerSearch"
                                    placeholder="{{ __('words.What are you looking for...') }}"
                                    aria-label="Recipient's username" aria-describedby="basic-addon2" name="search"
                                    value="{{ request()->get('search') }}">
                                <button class="input-group-text-button" id="basic-addon2" type="submit">
                                    {{-- <img src="{{ asset('frontend/img/searchIcon.png') }}" class="img-fluid searchIcon">  --}}
                                    <i class="fa fa-search img-fluid searchIcon" style="color: white;"></i>
                                    {{ __('words.Search') }}
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="col-7 col-sm-6 col-md-8 col-lg-6 text-end mobile-area">
                        <div class="midRightArea">
                            {{--   @if (!auth()->user())
                            <a href="{{route('login')}}" style="margin: 4px" class="postAdsBtn postAdsBtnDesktop d-none d-md-block language{{getDefaultTargetLanguage()}}">{{__('words.Post Ads')}}
                            </a>
                            @endif --}}
                            <a style="margin: 4px" href="{{ route('advertisment.create.get') }}"
                                class="postAdsBtn postAdsBtnDesktop responsive_post_btn  language{{ getDefaultTargetLanguage() }}">{{ __('words.Post Ads') }}</a>
                            <div class="newflow_">
                                {{--  @if (auth()->user())
                              <button style="margin: 4px" type="submit" class="postAdsBtn postAdsBtnDesktop newBrandFlow_ d-none d-md-block language{{getDefaultTargetLanguage()}}">{{__('words.Post Ads')}}
                              </button>

                            @endif --}}


                                <div id="newBrand" class="input-group search_group d-none">
                                    <div class="categoryHeas_">
                                        <!-- <h3>Category Title</h3> -->
                                        <div class="closeiconIn_">
                                            <i class="fas fa-times"></i>
                                        </div>
                                    </div>
                                    <form method="get" class="mb-0"
                                    action="{{ route('search.advertisements.page', ['id' => '0']) }}">

                                        <div class="inputtitle_">
                                            <input id="keyword1" type="text" class="form-control upload_detail"
                                                name="keyword" value="{{ old('keyword') }}"
                                                placeholder="{{ __('attribute.Enter title') }}" maxlength="100">
                                            <div class="loader_new">
                                                <div class="bt-spinner d-none"></div>
                                            </div>
                                            <button class="input-group-text-button" id="basic-addon2" type="submit">
                                                <img src="{{ asset('frontend/img/searchIcon.png') }}"
                                                    class="img-fluid searchIcon" alt="search icon">


                                            </button>
                                        </div>
                                        <div class="headText subinnercontain_ d-none" val="">dfgd</div>
                                        <h4 class="headError d-none" val=""></h4>

                                    </form>
                                    <div class="flowOldmain_">
                                        <a href="{{ route('advertisment.create.get') }}" class="oldFlowButton"
                                            val="">Main Menu</a>
                                    </div>
                                </div>
                            </div>

                            <ul class="midRightMenus mobile-area language{{ getDefaultTargetLanguage() }}"
                                style="display: flex;flex-wrap: wrap;padding: 0;" >
                                {{-- <li>
                                    <button class="search_groupMobile_" data-bs-toggle="modal"
                                        data-bs-target="#searchModal">
                                        <i class="las la-search" id="basic-addon2"></i>
                                    </button>
                                </li> --}}
                                <!-- Modal -->
                                <div class="modal fade search-modal" id="searchModal" tabindex="-1"
                                    aria-labelledby="searchModalLabel" aria-hidden="true">
                                    <div class="modal-dialog  modal-fullscreen">
                                        <div class="modal-content">
                                            <div class="modal-header border-0">
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body ">
                                                <div class="input-group search_group">
                                                    <form method="get" class="mb-0"
                                                    action="{{ route('search.advertisements.page', ['id' => '0']) }}">
                                                        {{-- action="{{ route('category.list', ['id' => '0']) }}"> --}}

                                                        <input type="text" class="form-control" id="headerSearch"
                                                            placeholder="{{ __('words.What are you looking for...') }}"
                                                            aria-label="Recipient's username"
                                                            aria-describedby="basic-addon2" name="search"
                                                            value="{{ request()->get('search') }}">

                                                        <button
                                                            class="input-group-text primary_btn {{ getDefaultTargetLanguage() }}"
                                                            id="basic-addon2 ">
                                                            <img src="{{ asset('frontend/img/searchIcon.png') }}"
                                                                class="img-fluid searchIcon" alt="search icon">
                                                            {{ __('words.Search') }}
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="navigations" style="display: flex">
                                <div class="col-5 col-sm-6 col-md-4 col-lg-2 left_col" style="display: none" id="mobile-logo">
                                    <a href="{{ url('/') }}" class="brand_logo">
                                        <img src="{{ asset('frontend/img/brandLogo.png') }}" class="img-fluid" alt="Brand Logo">
                                    </a>
                                </div>
                                <div class="mobile-header-nav left-area gap-1" style="display: flex">
                                    <li class="midRightItems">
                                        <a href="{{ route('chat.index') }}"
                                            class="midRightlinks dropdown-toggle chatHeader"
                                            data-user="{{ auth()->check() ? auth()->user()->id : '' }}">
                                            <span class="midRightIcons">
                                                <i class="far fa-comment-dots img-fluid" style="color: black;"></i>
                                                <div class="chatHeaderCount"></div>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="midRightItems">
                                        <a href="{{ route('myWishList') }}" class="midRightlinks dropdown-toggle">
                                            <span class="midRightIcons">
                                                <i class="far fa-heart img-fluid" style="color: black;"></i>
                                            </span>
                                            <div class="likeUnlikedot">
                                                @if (getAllFavouriteAds() > 0 && (auth()->check() && auth()->user()->favouritecount > 0))
                                                    <span class="dotIcon"></span>
                                                @endif
                                            </div>

                                        </a>
                                    </li>
                                {{-- </div>

                                <div class="right-area gap-1" style="display: flex"> --}}
                                    @if (auth()->user())
                                        <livewire:notification-button>
                                        <li class="mobile-web-view">
                                            <div class="d-flex justify-content-end">
                                                <a href="{{ route('advertisment.create.get') }}"
                                                class="postAdsBtn postAdsBtnMobile  language{{ getDefaultTargetLanguage() }}">
                                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><linearGradient id="a" x1="-2.823" x2="21.972" y1="23.903" y2="3.992" gradientUnits="userSpaceOnUse"><stop stop-opacity="1" stop-color="#57bf99" offset="0"></stop><stop stop-opacity="1" stop-color="#1ba0db" offset="0"></stop><stop stop-opacity="1" stop-color="#57bf99" offset="0"></stop><stop stop-opacity="1" stop-color="#e74c3c" offset="0"></stop></linearGradient><path fill="url(#a)" d="M12 1a11 11 0 1 0 11 11A11.013 11.013 0 0 0 12 1zm5 12h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2z" opacity="1" data-original="url(#a)" class=""></path></g></svg>
                                                </a>
                                                {{-- <a href="{{ route('advertisment.create.get') }}"
                                                class="postAdsBtn postAdsBtnMobile  language{{ getDefaultTargetLanguage() }}">{{ __('words.Post Ads') }}</a> --}}
                                            </div>
                                        </li>

                                        <li class="midRightItems user_details dropdown desktop-web-view">

                                            <a href="javascript:void(0);" class="midRightlinks"
                                                id="dropdownMenuButton" data-bs-toggle="dropdown"
                                                aria-expanded="false">
                                                <span class="">
                                                    <img src="{{ auth()->user()->profile_image }}"
                                                        class="img-fluid userImg" alt="profile image">
                                                </span>
                                                <div class="menusInnerTxt">
                                                    <p>{{ auth()->user()->getSellerName() }}</p> <i
                                                        class="fas fa-chevron-down"></i>
                                                </div>
                                            </a>
                                            <div class="submenus dropdown-menu" aria-labelledby="dropdownMenuButton"
                                                data-bs-popper="none">
                                                <div class="userProfileArea">
                                                    <img src="{{ !empty(auth()->user()->profile_image) ? auth()->user()->profile_image : asset('frontend/img/editProfile.svg') }}"
                                                        class="img-fluid userProfileImg_" alt="profile image">
                                                    <div class="userProfileDetails_">
                                                        <p class="userProfilemsg_">{{ __('words.Hello') }}</p>
                                                        <h6 class="userName_">{{ auth()->user()->getSellerName() }}
                                                        </h6>
                                                        <a href="{{ route('user.updateProfile') }}"
                                                            class="userLink_edit">{{ __('words.View and edit profile') }}</a>
                                                    </div>
                                                </div>
                                                <hr>
                                                <ul class="userProfileMenus_">
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('advertisment.myAds', ['seller_id' => encrypt(auth()->user()->id)]) }}"
                                                            class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/addicon.png') }}"
                                                                class="img-fluid" alt="my ads">
                                                            <span>{{ __('words.My Ads') }}</span>
                                                        </a>
                                                    </li>

                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('seller.store', ['stores' => 'stores', 'seller_id' => encrypt(auth()->user()->id), 'slug' => 'sale']) }}"
                                                            class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/storeicon.png') }}"
                                                                class="img-fluid" alt="store icon">
                                                            <span>{{ __('words.My Store') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('add.brand', ['brand' => \App\Models\AddNewBrand::FOR_BRAND]) }}"
                                                            class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/brandicon_.png') }}"
                                                                class="img-fluid" alt="brand icon">
                                                            <span>{{ __('words.Add Brand') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('wallet.index') }}"
                                                            class="userProfileLinks_">
                                                            <!-- <i class="fas fa-wallet"></i> -->
                                                            <img src="{{ asset('frontend/img/wallet.png') }}"
                                                                class="img-fluid" alt="wallet icon" style="width: 24px !important; height: 22px;">
                                                            <span>{{ __('words.My Wallet') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('subscriptions.list') }}"
                                                            class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/subscriptionicon.png') }}"
                                                                class="img-fluid" alt="subscription icon">
                                                            <span>{{ __('words.Invoices') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('user.changePassword') }}"
                                                            class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/lockImg.png') }}"
                                                                class="img-fluid" alt="lock icon">
                                                            <span>{{ !empty(auth()->user()->password) ? __('words.Change Password') : __('words.Set Password') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="#"
                                                            class="userProfileLinks_ opendDeactivateModalDelete">
                                                            <img src="{{ asset('frontend/img/delete.png') }}"
                                                                class="img-fluid" alt="profile delete icon">
                                                            <span>{{ __('words.Delete Profile') }}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_">
                                                        <a href="{{ route('message.message') }}"
                                                            class="userProfileLinks_ ">
                                                            <img src="{{ asset('frontend/img/supporticon.png') }}"
                                                                class="img-fluid" alt="support icon">
                                                            <span>{{ __('words.Profile Help & Support')}}</span>
                                                        </a>
                                                    </li>
                                                    <li class="userProfileItems_" data-bs-toggle="modal"
                                                        href="#logoutmodle">
                                                        <a href="#" class="userProfileLinks_">
                                                            <img src="{{ asset('frontend/img/logout.png') }}"
                                                                class="img-fluid" alt="logout icon">
                                                            <span>{{ __('words.Logout') }}</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        @else
                                        <li class="mobile-web-view">
                                            <div class="d-flex justify-content-end">
                                                <a href="{{ route('advertisment.create.get') }}"
                                                class="postAdsBtn postAdsBtnMobile  language{{ getDefaultTargetLanguage() }}">
                                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><linearGradient id="a" x1="-2.823" x2="21.972" y1="23.903" y2="3.992" gradientUnits="userSpaceOnUse"><stop stop-opacity="1" stop-color="#57bf99" offset="0"></stop><stop stop-opacity="1" stop-color="#1ba0db" offset="0"></stop><stop stop-opacity="1" stop-color="#57bf99" offset="0"></stop><stop stop-opacity="1" stop-color="#e74c3c" offset="0"></stop></linearGradient><path fill="url(#a)" d="M12 1a11 11 0 1 0 11 11A11.013 11.013 0 0 0 12 1zm5 12h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2z" opacity="1" data-original="url(#a)" class=""></path></g></svg>
                                            </a>
                                                {{-- <a href="{{ route('advertisment.create.get') }}"
                                                class="postAdsBtn postAdsBtnMobile  language{{ getDefaultTargetLanguage() }}">{{ __('words.Post Ads') }}</a> --}}
                                            </div>
                                        </li>
                                        <li class="midRightItems desktop-web-view">
                                            <a href="{{ route('login') }}" class="midRightlinks">
                                                <span class="midRightIcons">
                                                    <i class="far fa-user img-fluid" style="color: black;"></i>
                                                </span>
                                                <span class="menusInnerTxt">{{ __('words.Login') }}</span>
                                            </a>
                                        </li>
                                    @endif
                                </div>


                            </div>
                            </ul>
                            <br>
                        </div>
                        {{-- <a href="{{ route('advertisment.create.get') }}" class="postAdsBtn postAdsBtnDesktop" style="text-align: center;float: right;padding:8px">{{ __('words.Post Ads') }}</a> --}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 text-center">
                        <div class="input-group search_group  responsive_search d-none ">
                            <form method="get" class="mb-0  {{ getDefaultTargetLanguage() }}"
                                action="{{ route('search.advertisements.page', ['id' => '0']) }}">
                                {{-- action="{{ route('category.list', ['id' => '0']) }}"> --}}

                                <input type="text" class="form-control" id="headerSearch"
                                    placeholder="{{ __('words.What are you looking for...') }}"
                                    aria-label="Recipient's username" aria-describedby="basic-addon2" name="search"
                                    value="{{ request()->get('search') }}">
                                <button class="input-group-text-button" id="basic-addon2" type="submit">
                                    <img src="{{ asset('frontend/img/search.png') }}" class="img-fluid searchIcon">
                                    {{-- <i class="fa fa-search img-fluid searchIcon" style="color: white;"></i>
                                    {{ __('words.Search') }} --}}
                                </button>
                            </form>
                        </div>
                    </div>
                    {{-- <div class="d-flex justify-content-end">
                        <a style="margin-top: 10px" href="{{ route('advertisment.create.get') }}"
                        class="postAdsBtn postAdsBtnMobile  language{{ getDefaultTargetLanguage() }}">{{ __('words.Post Ads') }}</a>
                    </div> --}}

                </div>
            </div>
            <input type="hidden" value="{{ __('words.No Results Found') }}" id="noResult">
        </section>
        <!-- End Mid Header -->
        <!-- End Mid Header -->
        <!-- Start Bottom Menu Header -->
        <section class="bottom-header notranslate">
            <nav class="navbar navbar-expand-lg nav_up p-0">
                <!-- <span class="side_bar_" onclick="opensidebar()"><i class="las la-bars"></i></span> -->
                <div class="container">
                    <div class="navbar-brand p-0">
                        <!-- <span class="openbtn" onclick="openNav2()"><i class="las la-bars"></i></span> -->
                        <div class="dropdownDiv categoriesContainer">
                            <i class="las la-bars inputOverlapImg"></i>
                            <select class="form-select dropdownSelect categoryHeader"
                                aria-label="Default select example">
                                <option value="0" selected="">{{ __('words.All Categories') }}</option>

                                @foreach ($categories as $category)
                                    @if (request()->route()->getName() == 'category.list')
                                        <option value="{{ encrypt($category->id) }}"
                                            {{ request()->query('id') == $category->id ? 'selected' : '' }}>
                                            {{ __("category.$category->title") }}
                                        </option>
                                    @else
                                        <option value="{{ encrypt($category->id) }}">
                                            {{ __("category.$category->title") }}
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div id="myNav" class="myNav_overlay_">
                        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><i
                                class="las la-times"></i></a>
                        <ul class="navbar-nav navbar_overlay_content_">
                            @php
                                $id = request()->query('id');
                                if (!empty($id)) {
                                    $cat = \App\Models\Category::find(decrypt($id));
                                    if (!empty($cat)) {
                                        $main = $cat->getTopRootParentCategory($cat);
                                    }
                                }
                            @endphp
                            @foreach ($categories as $category)
                                @if (!empty($main))
                                    <a href="{{ route('category.list', ['id' => encrypt($category->id)]) }}"
                                        class="nav-link {{ request()->route()->getName() == 'category.list' && $main->id == $category->id ? 'active' : '' }}">

                                        {{ __("category.$category->title") }}
                                    </a>
                                @else
                                    <a href="{{ route('category.list', ['id' => encrypt($category->id)]) }}"
                                        class="nav-link">

                                        {{ __("category.$category->title") }}
                                    </a>
                                @endif
                            @endforeach
                            <!-- Start Edit profile Modal -->

                        </ul>
                    </div>

                    @if (request()->route()->getName() == 'category.list')
                        <div class="commonfilterBox_">
                            <div class="closeIconmob" onclick="closeBar()">
                                <i class="las la-times"></i>
                            </div>
                            <div class="mobileFilterbox_">
                            </div>
                        </div>
                    @endif



                    <div class="rightsideNav_">
                        @if (request()->route()->getName() == 'category.list')
                            <div class="mobileFiletr">
                                <img src="{{ asset('frontend/img/filterImage_.svg') }}" class="img-fluid"
                                    alt="filter icon">
                            </div>
                        @endif

                        <span class="openbtn" onclick="openNav()"><i class="las la-bars"></i></span>
                    </div>

                </div>
            </nav>
        </section>
        <!-- End Bottom Menu Header -->
    @endif


</header>
<!-- End Header Section -->

<!---Start notification modal--->
<div class="modal modalCustom right fade" id="notificationDrop" aria-labelledby="exampleModalLabel"
    aria-hidden="true">

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div id="loader" style="position: absolute; width: 100%; left: 0; right: 0; top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.7);z-index: 9999;display: none;"></div>
                <h5 class="modal-title" id="exampleModalLabel">{{ __('words.Notifications') }}</h5>
                <a class="readAll ml-5 btn btn-danger"> {{ __('words.Mark read All') }}</a>
                {{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --}}
            </div>
            <div class="modal-body">
                <div class="notificationMiddle">



                </div>
            </div>

        </div>
    </div>
</div>


@push('page_script')
    <script src="{{ asset('js/pages/advertisment/categoryRecommendation.js') }}"></script>
    {{-- <script>
        /* function adjustPadding() {
            if ($(window).width() >= 500) {
                $('.postAdsBtnMobile').css('padding', '10px 6px');
                $(document).find(".postAdsBtnMobile").text().length <= 9 ? $(document).find(".postAdsBtnMobile").css("padding", "10px 6px") : $(document).find(".postAdsBtnMobile").css("padding", "6px 6px");
            } else if ($(window).width() <= 330) {
                $(document).find(".postAdsBtnMobile").text().length <= 9 ? $(document).find(".postAdsBtnMobile").css("padding", "6px 4px") : $(document).find(".postAdsBtnMobile").css("padding", "3px");
            } else {
                $(document).find(".postAdsBtnMobile").text().length <= 9 ? $(document).find(".postAdsBtnMobile").css("padding", "6px") : $(document).find(".postAdsBtnMobile").css("padding", "3px");
            }
        }

        adjustPadding();

        $(window).resize(function () {
            adjustPadding();
        });
        */

    </script> --}}
@endpush