@extends('layouts.main_frontend')
@section('content')
    {{-- {{ dd(count($allplaces)) }} --}}
    {{-- {{dd($city_id)}}  --}}
    <main>
        <!-- Desktop Breadcrumb -->
        <section class="py-md-4 py-2">
            <div class="container">
                <nav class="breadcrumb-container" aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('Home') }}"> @lang('site.home') </a>
                        </li>

                        @if ($city_id != 0)
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                                <a href="{{ route('cities', $cityData->country_id) }}">
                                    {{ $cityData->country->name_ar ?? '' }}</a>
                            </li>
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                                <a href="{{ route('categories', $cityData->id) }}"> {{ $cityData->name_ar ?? '' }}</a>
                            </li>

                        @endif
                        @isset($mainCategory)
                            @if ($mainCategory->name_ar)
                                <li class="breadcrumb-item text-gray-4" aria-current="page">
                                    <a href="{{ route('subcategories', [$mainCategory->id, $city_id]) }}">
                                        {{ $mainCategory->name_ar ?? '' }}</a>
                                </li>
                            @endif
                        @endisset

                        @if ($category->name_ar)
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                                {{ $category->name_ar ?? '' }}
                            </li>
                        @endif
                        {{-- @if ($subcategories && $subcategories->isNotEmpty())
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                                {{ $category->name_ar ?? '' }}
                            </li>
                        @endif --}}
                    </ol>
                </nav>
            </div>
        </section>
        <!-- section -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <section class="position-relative"> 

                            <div class="country-image">
                                <img class="card-img" src="{{ $category->image }}" alt="Card image cap"
                                    onerror="this.src='{{ asset('images/categories/default.jpg') }}'">
                                <div class="gray-background"></div>
                            </div>

                            <div class="country-container d-flex align-items-center">
                                <div class="w-100">
                                    <div>
                                        {{-- <h2 class="pb-md-3 pb-2">
                                            @lang('site.We offer you the most popular restaurants at discounts')
                                        </h2> --}}
                                        <div class="form-group mb-4 position-relative">
                                            <input type="search" class="form-control search-country"
                                                placeholder="{{ trans('site.Find your favorite place') }}" id="search"
                                                name="q">
                                            <div class="search-c-icon d-flex justify-content-center align-items-center">
                                                <i class="fal fa-search"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </section>
        <!-- /section -->

        <section class="py-5">
            <div class="container w-100">
                <div class="row">

                    <div class="col-lg-3">

                        <form action="{{ route('checkplace') }}" method="get">

                            <input type="hidden" name="city_id" id="city_id" value="{{ $city_id }}">
                            <input type="hidden" name="category_id" id="category_id" value="{{ $category->id }}">
                            <div class="accordion mb-5 web-view" id="accordion_filterr">
                                <div class="filter-title">
                                    <div class="d-flex justify-content-between">
                                        <h3 class="filter-count text-second fw-bold">
                                            @lang('site.Show')
                                            {{-- {{ count($places) }} @lang('site.from')
                                                {{ count($allplaces) }} @lang('site.result') --}}
                                        </h3>
                                        {{-- <a id="resetForm">Reset Form</button> --}}
                                        <a href="#" id="resetForm" onclick="removeOverlookingParams()"
                                            class="delete-result text-main fw-bold">ازالة</a>
                                        {{-- <script>
                                            document.getElementById('resetForm').addEventListener('click', function() {
                                                document.getElementById('myForm').reset();
                                            });
                                        </script> --}}
                                    </div>
                                    {{-- {{dd($Over_Looking_Place)}} --}}
                                    @php
                                        if (request()->has('Overlooking')) {
                                            $overlookcat = request('Overlooking');
                                        } elseif (
                                            request()->has('Overlookinghidden') &&
                                            request('Overlookinghidden') != null
                                        ) {
                                            $overlookcat = explode(',', request('Overlookinghidden'));
                                        }

                                        if (request()->has('distance')) {
                                            $distancecat = request('distance');
                                        } elseif (
                                            request()->has('distancehidden') &&
                                            request('distancehidden') != null
                                        ) {
                                            $distancecat = explode(',', request('distancehidden'));
                                        }

                                    @endphp

                                    {{-- {{dd($overlookcat)}} --}}
                                    <h2 class="text-second mb-0">تصفيه حسب:</h2>
                                </div>
                                @if (count($Over_Looking_Place) > 0)
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#accordion-filterTwo" aria-expanded="true"
                                            aria-controls="accordion-filterTwo">
                                            <h5 class="accordion-title mb-0">الطاولة مطله على</h5>
                                            <div class="arrow-accordion">
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                        </button>
                                    </h2>


                                        <div id="accordion-filter-1" class="collapse show">
                                            <div class="accordion-body">
                                                <div class="row align-items-center">
                                                    <div class="custom-checkbox">



                                                        @foreach ($Over_Looking_Place as $item)

                                                            <div class="form-group">
                                                                <input type="checkbox" id="{{ $item->id }}"
                                                                    name="Overlooking[]" value=" {{ $item->id }}"
                                                                    @if (isset($overlookcat))
                                                                        @foreach ($overlookcat as $overlookcatitem)
                                                                                @if ($overlookcatitem == $item->id) checked @endif
                                                                        @endforeach
                                                                    @endif

                                                        {{-- onclick="GetAtrribute(this.id,this.name)" --}} />
                                                        <label for="{{ $item->id }}">
                                                            {{ $item->name_ar }}</label>
                                                    </div>


                                    @endforeach

                                    {{--    <div class="form-group">
                                                                                            <input type="checkbox" id="two" name="Overlooking"
                                                                                                onclick="GetAtrribute(this.id,this.name)" />
                                                                                            <label for="two"> البحر</label>
                                                                                        </div> --}}


                                </div>
                            </div>
                    </div>
                </div>
            </div>
            @endif

            {{-- Discount filter --}}
            @php
                $showAccordion = false; // Flag to track if we need to show the accordion
            @endphp

            @foreach ($places as $place)
                @if ($place->category->flag == 'resturant')
                    @php
                        $showAccordion = true; // Set the flag to true if at least one place meets the condition
                    @endphp
                @endif
            @endforeach
            {{-- @if (isset($category) && $category->flag == 'resturant') --}}
            @if ($showAccordion)

                {{-- @if ($place->category->flag == 'resturant') --}}
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                            data-bs-target="#accordion-filterTwo" aria-expanded="true" aria-controls="accordion-filterTwo">
                            <h5 class="accordion-title mb-0">الخصومات</h5>
                            <div class="arrow-accordion">
                                <i class="far fa-angle-down"></i>
                            </div>
                        </button>
                    </h2>

                    <div id="accordion-filter-1" class="collapse show">
                        <div class="accordion-body">
                            <div class="row align-items-center">
                                <div class="custom-checkbox">
                                    {{-- Filtering checkboxes --}}
                                    <div class="form-group">
                                        <input type="checkbox" name="filter[]" id="new_discount" value="new_discount"
                                            @if (is_array(request()->filter) && in_array('new_discount', request()->filter)) checked @endif />
                                        <label for="new_discount">الاحدث</label>
                                    </div>
                                    <div class="form-group">
                                        <input type="checkbox" name="filter[]" id="discount_desc" value="discount_desc"
                                            @if (is_array(request()->filter) && in_array('discount_desc', request()->filter)) checked @endif />
                                        <label for="discount_desc">من الاعلى الى الاقل</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            @endif
            {{-- end discount filter --}}

            {{-- {{dd($city_id)}} --}}

            @if ($city_id != 0)
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                            data-bs-target="#accordion-filterTwo" aria-expanded="true"
                            aria-controls="accordion-filterTwo">
                            <h5 class="accordion-title mb-0">المسافة</h5>
                            <div class="arrow-accordion">
                                <i class="far fa-angle-down"></i>
                            </div>
                        </button>
                    </h2>
                    <div id="accordion-filter-2" class="collapse show">
                        <div class="accordion-body">
                            <div class="row align-items-center">
                                <div class="custom-checkbox">

                                    <div class="form-group">
                                        <input type="checkbox" id="one" name="distance[]" value="1"
                                            @if (isset($distancecat)) @foreach ($distancecat as $distancecatitem)
                                                    @if ($distancecatitem == '1') checked @endif
                                            @endforeach
            @endif
            {{-- onclick="GetAtrribute(this.id,this.name)"  --}}
            />

            {{-- {{ dd($city_id) }} --}}
            <label for="one">مركز المدينة</label>
            </div>

            @if ($flagAiport == true)
                <div class="form-group">
                    <input type="checkbox" id="two" name="distance[]" value="2" {{-- onclick="GetAtrribute(this.id,this.name)"  --}} />
                    <label for="two">المطار </label>
                </div>
            @endif


            </div>
            </div>
            </div>
            </div>
            </div>
            @endif

            {{-- <div class="accordion-item">
                                        <h2 class="accordion-header">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#accordion-filterTwo" aria-expanded="true"
                                                aria-controls="accordion-filterTwo">
                                                <h5 class="accordion-title mb-0">المسافة</h5>
                                                <div class="arrow-accordion">
                                                    <i class="far fa-angle-down"></i>
                                                </div>
                                            </button>
                                        </h2>
                                        <div id="accordion-filterTwo" class="collapse show">
                                            <div class="accordion-body">
                                                <div class="row align-items-center">
                                                    <div class="custom-checkbox">

                                                            <div class="form-group">
                                                                <input type="checkbox" id="two" name="floor_number"
                                                                    onclick="GetAtrribute(this.id,this.name)" />
                                                                <label for="two">مركز المدينة</label>
                                                            </div>
                                                            <div class="form-group">
                                                                <input type="checkbox" id="two" name="floor_number"
                                                                    onclick="GetAtrribute(this.id,this.name)" />
                                                                <label for="two">المطار </label>
                                                            </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}
            <div class="accordion-item">
                <div id="accordion" class=" collapse show">
                    <div class="accordion-body">
                        <div class="col-lg-12 mt-2">
                            <div class="search-btn-2 d-flex align-items-center justify-content-center mt-lg-0 mt-3">
                                <button class="search-btn-2" type="submit">
                                    <img src="{{ FRONTASSETS }}/images/filter-white.svg" alt="department"
                                        class="filter-white" />
                                    <img src="{{ FRONTASSETS }}/images/filter.svg" alt="department" class="filter" />
                                    @lang('site.search')
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            </div>

            {{-- <button type="submit">Submit</button> --}}
            </form>

            </div>


            <div class="col-lg-9" id="search-places">
                <div class="d-flex justify-content-lg-between flex-wrap py-5">
                    <div class="car-sort-by">
                        @lang('site.order')
                    </div>
                    {{-- {{dd($category)}} --}}
                    {{-- <ul class="tabs-nav-detaills list-unstyled d-flex mb-0 car-tabs flex-wrap ">
                                    <li>
                                        <a href="#tab-car-1"
                                            class="tab-link d-flex align-items-center justify-content-center ">
                                            الافضل
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#tab-car-2"
                                            class="tab-link d-flex align-items-center justify-content-center">
                                            السعر من اعلي الي الاقل
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#tab-car-3"
                                            class="tab-link d-flex align-items-center justify-content-center">
                                            السعر من اقل الي الاعلي
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#tab-car-4"
                                            class="tab-link d-flex align-items-center justify-content-center">
                                            الاعلى تقيما
                                        </a>
                                    </li>
                                </ul> --}}
                    {{-- {{dd($category)}} --}}
                    <ul class="tabs-nav-detaills list-unstyled d-flex mb-0  flex-wrap" id="myTab" role="tablist">
                        <input type="hidden" name="order" value="1">
                        @if ($city_id != 0)
                            <li class="@if (request('order') == 1) tab-active @endif" role="presentation">
                                <form action="{{ route('checkplace') }}" method="get">
                                    @csrf
                                    <input type="hidden" name="city_id" id="city_id" value="{{ $city_id }}">
                                    <input type="hidden" name="order" value="1">
                                    <input type="hidden" name="category_id_hidden" value="{{ $category->id }}">
                                    <input type="hidden" name="Overlookinghidden"
                                        value="{{ request()->has('Overlooking') ? implode(',', request('Overlooking')) : null }} ">
                                    <input type="hidden" name="distancehidden"
                                        value="{{ request()->has('distance') ? implode(',', request('distance')) : null }} ">
                                    <button class="nav-link active" id="1" name="sort" data-bs-toggle="tab"
                                        data-bs-target="#tab1-content" type="submit" role="tab"
                                        aria-controls="tab1-content" aria-selected="true" data-id="1">الاقرب الى
                                    </button>
                                </form>
                            </li>
                        @endif


                        <li class="@if (request('order') == 2) tab-active @endif" role="presentation">
                            <form action="{{ route('checkplace') }}" method="get">
                                @csrf
                                {{-- <input type="hidden" name="city_id" value="{{}}"> --}}
                                <input type="hidden" name="city_id" id="city_id" value="{{ $city_id }}">
                                <input type="hidden" name="order" value="2">
                                <input type="hidden" name="category_id_hidden" value="{{ $category->id }}">
                                <input type="hidden" name="Overlookinghidden"
                                    value="{{ request()->has('Overlooking') ? implode(',', request('Overlooking')) : null }} ">
                                <input type="hidden" name="distancehidden"
                                    value="{{ request()->has('distance') ? implode(',', request('distance')) : null }} ">
                                <button class="nav-link" id="4" name="sort" data-bs-toggle="tab"
                                    data-bs-target="#tab4-content" type="submit" role="tab"
                                    aria-controls="tab4-content" aria-selected="false" data-id="4">الاعلى
                                    تقيما</button>
                            </form>
                        </li>

                    </ul>
                </div>

                {{-- <div class="col-12" id="search-places"> --}}
                @foreach ($places as $place)
                    <div class="card card-department round-border mb-3 p-lg-3 p-2">
                        <div class="row g-0">
                            <div class="col-lg-4 position-relative">
                                <div class="owl-carousel owl-theme department-img-carousel">
                                    {{--                                            <div class="resro-image"> --}}
                                    {{--                                                    <span class="department-like"> --}}
                                    {{--                                                           <a class="" ><i class="far fa-heart"></i></a> --}}
                                    {{--                                                   </span> --}}
                                    {{--                                                @if (auth()->user()) --}}
                                    {{--                                                    <span --}}
                                    {{--                                                        class="department-like"> --}}

                                    {{-- <a class="favouritess" id="favouritess{{$place->id}}" data-id="{{$place->id}}"><i --}}
                                    {{--        class=" @if (count(
        \App\Models\UserPlace::where('place_id', '=', $place->id)->where('user_id', '=', auth()->user()->id)->get(),
    ) > 0) fas @else far @endif  fa-heart "></i></a> --}}



                                    {{--                                                                </span> --}}
                                    {{--                                                @else --}}


                                    {{--                                                @endif --}}

                                    {{--                                                        --}}{{--                                                        <button class="add-to-wishlist"> --}}
                                    {{--                                                        --}}{{--                                                            <svg --}}
                                    {{--                                                        --}}{{--                                                                xmlns="http://www.w3.org/2000/svg" --}}
                                    {{--                                                        --}}{{--                                                                width="24" --}}
                                    {{--                                                        --}}{{--                                                                height="24" --}}
                                    {{--                                                        --}}{{--                                                                viewBox="0 0 24 24" --}}
                                    {{--                                                        --}}{{--                                                                fill="none" --}}
                                    {{--                                                        --}}{{--                                                            > --}}
                                    {{--                                                        --}}{{--                                                                <path --}}
                                    {{--                                                        --}}{{--                                                                    d="M22.1494 2.12177C21.563 1.44911 20.8667 0.915505 20.1003 0.551444C19.334 0.187383 18.5126 0 17.6831 0C16.8535 0 16.0321 0.187383 15.2658 0.551444C14.4994 0.915505 13.8032 1.44911 13.2167 2.12177L11.9997 3.51714L10.7826 2.12177C9.59811 0.763676 7.99153 0.00070395 6.31633 0.000703964C4.64114 0.000703978 3.03455 0.763676 1.85001 2.12177C0.665469 3.47987 1.24812e-08 5.32185 0 7.24249C-1.24812e-08 9.16313 0.665469 11.0051 1.85001 12.3632L3.06705 13.7586L11.9997 24L20.9323 13.7586L22.1494 12.3632C22.7361 11.6909 23.2015 10.8926 23.519 10.0139C23.8366 9.13531 24 8.19356 24 7.24249C24 6.29142 23.8366 5.34967 23.519 4.47104C23.2015 3.59241 22.7361 2.79412 22.1494 2.12177Z" --}}
                                    {{--                                                        --}}{{--                                                                    fill="#FF8600" --}}
                                    {{--                                                        --}}{{--                                                                /> --}}
                                    {{--                                                        --}}{{--                                                            </svg> --}}
                                    {{--                                                        --}}{{--                                                        </button> --}}
                                    {{--                                                <img --}}
                                    {{--                                                    loading="lazy" --}}


                                    {{--                                                    src="{{asset('images/places/'.$place->display_photo)}}" --}}
                                    {{--                                                    onerror="this.src='{{FRONTASSETS}}/images/restaurants/resto-card-1.png'" --}}
                                    {{--                                                    class="of-cover" --}}
                                    {{--                                                    alt="image 1" --}}
                                    {{--                                                /> --}}
                                    {{--                                            </div> --}}


                                    <div class="resro-image">
                                        @if (!empty(auth()->user()))
                                            <span class="department-like">
                                                <a class="favouritess" id="favouritess{{ $place->id }}"
                                                    data-id="{{ $place->id }}"><i
                                                        class=" @if (count(
                                                                \App\Models\UserPlace::where('place_id', '=', $place->id)->where('user_id', '=', auth()->user()->id)->get()) > 0) fas @else far @endif  fa-heart "></i></a>
                                            </span>
                                        @else
                                            <span class="department-like">
                                                <a class="favouritess" id="favouritess{{ $place->id }}"
                                                    data-id="{{ $place->id }}"><i class="far fa-heart "></i></a>
                                            </span>
                                        @endif

                                        @if (!empty($place->images))
                                            @foreach (explode(',', $place->images) as $image)
                                                <img loading="lazy" src="{{ $image }}"
                                                    onerror="this.src='{{ FRONTASSETS }}/images/restaurants/resto-card-1.png'"
                                                    class="of-cover" alt="image 1" />
                                            @endforeach
                                        @else
                                            <img loading="lazy"
                                                src="{{ FRONTASSETS }}/images/restaurants/resto-card-1.png"
                                                class="of-cover" alt="image 1" />
                                        @endif
                                    </div>


                                </div>
                                {{-- <div class="owl-carousel owl-theme department-img-carousel">
                                                                                                @if (!empty($place->images))
                                                                                                @foreach (explode(',', $place->images) as $img)
                                                                                                <div>

                                                                                                    @if (!empty(auth()->user()))
                                                                                                    <span class="department-like">
                                                                                                        <a class="favouritess" id="favouritess{{$place->id}}"
                                                                                                            data-id="{{$place->id}}"><i
                                                                                                                class=" @if (count(
        \App\Models\UserPlace::where('place_id', '=', $place->id)->where('user_id', '=', auth()->user()->id)->get(),
    ) > 0) fas @else far @endif far fa-heart "></i></a>

                                                                                                    </span>

                                                                                                    @else
                                                                                                    <span class="department-like">
                                                                                                        <a class="favouritess" id="favouritess{{$place->id}}"
                                                                                                            data-id="{{$place->id}}">
                                                                                                            <i class="far far fa-heart "></i></a>
                                                                                                    </span>

                                                                                                    @endif

                                                                                                    <img loading="lazy" src="{{asset('images/places/'.$img)}}"
                                                                                                        onerror="this.src='{{FRONTASSETS}}/images/department-1.svg'"
                                                                                                        class="department-img-list of-cover" alt="image 1" />
                                                                                                </div>
                                                                                                @endforeach

                                                                                                @else

                                                                                                <div>
                                                                                                    @if (!empty(auth()->user()))
                                                                                                    <span class="department-like">
                                                                                                        <a class="favouritess" id="favouritess{{$place->id}}"
                                                                                                            data-id="{{$place->id}}"><i
                                                                                                                class=" @if (count(
        \App\Models\UserPlace::where('place_id', '=', $place->id)->where('user_id', '=', auth()->user()->id)->get(),
    ) > 0) fas @else far @endif far fa-heart "></i></a>
                                                                                                    </span>
                                                                                                    @endif

                                                                                                    <img loading="lazy" src="{{FRONTASSETS}}/images/department-1.svg"
                                                                                                        class="department-img-list of-cover" alt="image 1" />
                                                                                                </div>
                                                                                                <div>
                                                                                                    <span class="department-like">
                                                                                                        @if (!empty(auth()->user()))
                                                                                                        <a class="favouritess" id="favouritess{{$place->id}}"
                                                                                                            data-id="{{$place->id}}"><i
                                                                                                                class=" @if (count(
        \App\Models\UserPlace::where('place_id', '=', $place->id)->where('user_id', '=', auth()->user()->id)->get(),
    ) > 0) fas @else far @endif far fa-heart "></i></a>

                                                </span>

                                                @endif

                                                <img loading="lazy" src="{{FRONTASSETS}}/images/department-2.svg"
                                                    class="department-img-list of-cover" alt="image 1" />
                                            </div>
                                            @endif

                                        </div> --}}
                            </div>

                            <div class="col-lg-8">
                                <div class="card-body position-relative">
                                    <div class="d-md-flex justify-content-md-between align-items-end mb-3 ">
                                        <h2 class="card-title mb-0">{{ $place->name ?? '' }} </h2>
                                        {{--                                                {{$place->id}} --}}
                                        {{--                                                {{count(\App\Models\UserPlace::where('palace_id', '=',$place->id)->where('user_id', '=', auth()->user()->id)->get())}} --}}
                                        <div class="d-flex justify-content-md-center align-items-center">
                                            <div class="department-badge bg-main text-white">
                                                <div class="pt-1">({{ round($place->placeReview2()) }})
                                                </div>
                                                <div>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                            </div>
                                            <div class="number-ads gray-txt">
                                                {{ $place->placeCommentsAll->count() ?? 0 }} @lang('site.comments')
                                            </div>
                                        </div>
                                    </div>
                                    {{-- <div class="d-md-flex justify-content-md-between ">
                                                <div class="gray-txt number-ads">
                                                    <i class="fal fa-map-marker-alt"></i>
                                                    <span
                                                    >

                                                        {!! html_entity_decode($place->descrption) !!}
                                                    </span>

                                                    <span
                                                    >{{$place->country->name ?? ''}}</span> <span
                                                    >{{$place->city->name ?? ''}}</span>
                                                </div>
                                                <div
                                                    class="details-rest-btn d-flex align-items-center justify-content-center"
                                                >
                                                    <a href="{{route('detailplace',$place->id)}}"> @lang('site.details')</a>
                                                </div>
                                            </div> --}}
                                    <div class="d-md-flex justify-content-md-between  ">
                                        <div class=" number-ads col-8">
                                            <i class="fal fa-map-marker-alt"></i>
                                            <span>
                                                {!! strip_tags(
                                                    html_entity_decode(
                                                        strlen($place->descrption) > 90 ? substr($place->descrption, 0, 90) . '..' : $place->descrption ?? '',
                                                    ),
                                                ) !!}
                                                {{-- {!! strip_tags(html_entity_decode($place->descrption ?? '')) !!} --}}
                                            </span>
                                            <br>
                                            <span>{{ $place->country->name ?? '' }}</span>
                                            <span>{{ $place->city->name ?? '' }}</span>
                                        </div>
                                        {{-- <div class="details-rest-btn d-flex align-items-center justify-content-center">
                                            <a href="{{ route('detailplace', $place->id) }}">
                                                @lang('site.details')</a>
                                        </div> --}}
                                    </div>

                                    <div class="pb-3 col-7">
                                        <span>
                                            <i class="far fa-water text-main"></i>
                                        </span>
                                        <span class="text-main text-restaurant ">
                                            <span>{!! strip_tags(html_entity_decode($place->address ?? '')) !!}</span>
                                        </span>
                                    </div>
                                    @if ($place->discount == 1)
                                        <div
                                            class="discound-app d-flex align-items-center justify-content-center my-3 py-2 col-7">
                                            @if ($place->type_discount == 1)
                                                <span class="discound-icon">
                                                    <i class="far fa-percentage"></i>
                                                </span>
                                                <span class="text-main discound-txt">
                                                    يوجد خصم
                                                    <span class="txt_10">{{ $place->value_discount }} %</span>
                                                    لمستخدمي تطبيق سائح
                                                </span>
                                            @else
                                                <span class="text-main discound-txt">
                                                    يوجد خصم
                                                    <span
                                                        class="txt_10">{{ $place->value_discount . ' ' . ($place->country->currency_ar ?? '') }}</span>
                                                    لمستخدمي تطبيق سائح
                                                </span>
                                            @endif
                                        </div>
                                    @endif


                                    <div class="col-12 d-flex ">
                                        @php
                                            $flag = App\Models\Category::where('id', $place->category_id)
                                                ->select('flag', 'go_or_not')
                                                ->first();
                                        @endphp
                                        @if ($flag->go_or_not == 'go_to')
                                            <div class="col-lg-4 d-flex align-items-center">
                                                <div
                                                    class="w-100 details-btn d-flex align-items-center justify-content-center" style="background-color:#005d9f; color:#ffffff;">
                                                    {{-- <a href="{{route('showmap',$place->id)}}"> --}}
                                                    <a href="javascript:"
                                                        onclick="goToPlace('{{ $place->id }}','{{ $place->category->flag }}','{{ $place->google_mark_link }}')" style="color:#ffffff;">
                                                        <span>
                                                            <i class="far fa-walking mx-2"></i>
                                                        </span>
                                                        @if ($flag->flag == 'not_resturant')
                                                            @lang('site.Go to the place')
                                                        @else
                                                            @lang('site.Go to the restaurant')
                                                        @endif
                                                    </a>
                                                </div>
                                        </div>
                                        <div
                                                class="details-rest-btn d-flex align-items-center justify-content-center mx-3 " style="background-color:#ff8600;">
                                                <a href="{{ route('detailplace', $place->id) }}" style="color:#ffffff;">
                                                    @lang('site.details')</a>
                                            </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>


            <div id="nenenene" style="display: none;">
                <div class="no-result">
                    <h3>@lang('site.no_search_result')</h3>
                </div>
            </div>

            <!--empty booking-->
            <div class="col-12 mb-5" style="display: none" id="favouriteplaces">
                <div class="card-empty d-md-flex align-items-center">
                    <div class="card-empty-txt"> @lang('site.No Favourite') </div>
                    <div>
                        <img src="{{ FRONTASSETS }}/investor/empty-ic.svg" alt="empty icon" />
                    </div>
                </div>
            </div>
            <div class="col-12" id="hiddenpaginate">
                @if (!empty($places->appends(request()->query())->links()))
                    <div class="card card-department round-border mb-3 p-3">
                        <nav class="department-list-pagination d-md-flex justify-content-md-between align-items-center">
                            <ul class="pagination mb-0 justify-content-lg-start justify-content-center">
                                <li class="page-item">
                                    <div>{{ $places->appends(request()->query())->links() }} </div>
                                </li>

                            </ul>
                        </nav>
                    </div>
                @endif
            </div>


            </div>
            </div>


        </section>

        @if (!empty(auth()->user()))
        @else
            <section class="d-lg-flex">
                <div class="right-container bg-main d-flex align-items-center py-lg-0 py-4">
                    <div>
                        <h2>@lang('site.freediscount') </h2>
                        <p>@lang('site.loginSignup') www.saeeh.com</p>
                        <div class="d-flex justify-content-between py-3">
                            <div class="btn-footer-auth d-flex align-items-center justify-content-center">
                                <a href="#"> @lang('site.register') </a>
                            </div>
                            <div class="btn-out-footer-auth d-flex align-items-center justify-content-center">
                                <a href="#">@lang('site.login') </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="left-container"
                    style="
         background-image: url('{{ FRONTASSETS }}/images/countries/footer-image.png');
         ">
                </div>
            </section>
        @endif
    </main>
@endsection
@section('scripts')
    <script>
        goToPlace = function(id, type, url) {
            @if (!empty(auth()->user()) && auth()->user()->active)


                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: '{{ URL::to('/UserGoingTo') }}',
                    type: 'POST',
                    data: {
                        id: id,
                        type: type
                    },
                    dataType: 'JSON',
                    success: function(response) {
                        console.log(response)
                        window.open(url, "_blank");

                        return true;
                    },
                    error: function(err) {
                        console.log(" Can't do because: " + err);
                    },
                });
            @else
                window.open(url, "_blank");
            @endif


        }
    </script>
    <script>
        jQuery(document).ready(function() {
            jQuery('.favouritess').click(function(e) {
                e.preventDefault();

                var id = $(this).data('id');
                console.log("iddd", id);


                jQuery.ajax({

                    url: "{{ url('favouritPlace') }}" + '/' + id,
                    method: 'GET',
                    data: {
                        '_token': '{{ csrf_token() }}',
                    },
                    success: function(result) {
                        console.log(result.status);
                        if (result.status == 'deleted') {
                            $(`#favouritess${id} i`).addClass('far').removeClass('fas');
                        } else if (result.status == 'added') {
                            $(`#favouritess${id} i`).addClass('fas').removeClass('far');
                        } else if (result.status == 'auth') {
                            swal({
                                title: "Warning!",
                                text: "{{ trans('site.register/ sign in first to be able to add to favorite') }}",
                                type: "warning",
                                confirmButtonText: "OK"
                            });
                            setInterval(function() {
                                Swal.close()
                            }, 2000)
                            window.location.href = '{{ route('sitelogin') }}';
                        }
                    },
                    error: function(err) {
                        console.log(err)
                    }
                });
            });
        });
    </script>
    {{-- <script>
        // jQuery(document).ready(function() {
        //     jQuery('.favouritess').click(function(e) {
        //         e.preventDefault();

        //         var id = $(this).data('id');
        //         console.log("iddd", id);


        //         jQuery.ajax({

        //             url: "{{ url('favouritPlace') }}" + '/' + id,
        //             method: 'GET',
        //             data: {
        //                 '_token': '{{ csrf_token() }}',
        //             },
        //             success: function(result) {
        //                 console.log(result.status);
        //                 if (result.status == 'deleted')
        //                     $(`#favouritess${id} i`).addClass('far').removeClass('fas');
        //                 else if (result.status == 'added')
        //                     $(`#favouritess${id} i`).addClass('fas').removeClass('far');
        //                 else if (result.status == 'auth')
        //                     swal({
        //                         title: "Warning!",
        //                         text: "{{ trans('site.register/ sign in first to be able to add to favorite') }}",
        //                         type: "warning",
        //                         confirmButtonText: "OK"
        //                     });
        //                 // setInterval(someFunction, 100000);


        //                 setInterval(function() {
        //                     Swal.close()
        //                 }, 700000);

        //                 window.location.href = '{{ route('sitelogin') }}';
        //             },
        //             error: function(err) {
        //                 console.log(err)
        //             }
        //         });
        //     });
        // });
    </script> --}}

    <script type="text/javascript">
        $('.search-country').on('keyup change', function() {
            var query = $(this).val();
            var catId = $('#category_id').val();
            var city_id = $('#city_id').val();
            console.log('Cat Id =>' + catId)
            console.log(query);
            $.ajax({
                url: "{{ route('searchPlaces') }}",
                type: "GET",
                data: {
                    'query': query,
                    'catId': catId,
                    'city_id': city_id
                },
                success: function(data) {
                    console.log(data.length);
                    // console.log(data.data[0]);

                    if (data.length > 0) {
                        $("#nenenene").hide();

                        console.log("ggggggggggg");
                        console.log(data);
                        $("#hiddenpaginate").empty();
                        $("#search-places").empty();
                        $("#search-places").show();
                        $("#search-places").html(data);
                        // $("#nenenene").hide();

                    } else {
                        $("#nenenene").show();
                        console.log("ddddd");
                        $("#search-places").hide();

                    }
                    // console.log("response", data);
                }

            })
        });
    </script>

    <script>
        function GetAtrribute(id, name) {

            const catid = document.getElementById("category_id").value;
            const cityid = document.getElementById("city_id").value;
            // const inputField = document.getElementById("inputField").value;

            // const sub_category_id_search = document.getElementById("sub_category_id_search").value;
            // const country_id_search = document.getElementById("country_id_search").value;
            // const brand_id_search = document.getElementById("brand_id_search").value;
            // const city_id_search = document.getElementById("city_id_search").value;
            // const year_search = document.getElementById("year_search").value;

            // console.log(catid);
            // console.log('id', id);
            // console.log('name', name);
            // const min = slider.noUiSlider.get()[0];
            // const max = slider.noUiSlider.get()[1];
            // var checkbox = document.getElementById(id);
            // // if (checkbox.checked == true) {
            // console.log('eeeeeeeeeeee');
            // console.log("Minimum value:", min);
            // console.log("Maximum value:", max);
            // const url = ;
            // let data = {
            //     id: id,
            //     name:name
            // };

            var array_Overlooking = [];
            $("input:checkbox[name=Overlooking]:checked").each(function() {
                var value = $(this).val();
                console.log(value);
                array_Overlooking.push(value);
            });

            console.log(array_Overlooking);
            var array_distance = [];
            $("input:checkbox[name=distance]:checked").each(function() {
                array_distance.push($(this).val());
            });

            console.log(array_distance);
            // var array_year = [];
            // $("input:checkbox[name=year]:checked").each(function() {
            //     var value = $(this).val();
            //     console.log(value);
            //     array_year.push(value);
            // });
            // console.log(array_year);
            // var array_color = [];
            // $("input:checkbox[name=color]:checked").each(function() {
            //     var value = $(this).val();
            //     console.log(value);
            //     array_color.push(value);

            // });
            // var fixed_price = [];
            // $("input:checkbox[name=fixed_price]:checked").each(function() {
            //     fixed_price.push($(this).val());
            // });
            // var array_rate = [];
            // $("input:checkbox[name=rate]:checked").each(function() {

            //     var value = $(this).val();
            //     console.log(value);
            //     array_rate.push(value);
            // });

            $.ajax({
                type: "GET",
                url: '{{ url('/subcategories') }}/' + catid + '/' + cityid,
                data: {
                    // name: name,
                    // value: id,
                    // category_id: catid,
                    // tab_id: tabid,
                    // brands: arry_brand,
                    // name: inputField,
                    // brand_id_search: brand_id_search,
                    // tab_id:tabid,
                    // year_search: year_search,
                    // city_id_search: city_id_search,
                    // country_id_search: country_id_search,
                    // // array_category_id: array_cat,
                    // rate: array_rate,
                    Overlooking: array_Overlooking,
                    // color: array_color,
                    // price_min: min,
                    // price_max: max,
                    // fixed_price: fixed_price,

                    // _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function(data) {

                    console.log("data : ", data);
                    location.reload();
                    // $("#tab-car-1").hide();
                    // if (tabid == 1) {
                    //     $("#tab1-content").html(data);
                    // }
                    // if (tabid == 2) {
                    //     $("#tab2-content").html(data);
                    // }
                    // if (tabid == 3) {
                    //     $("#tab3-content").html(data);
                    // }
                    // if (tabid == 4) {
                    //     $("#tab4-content").html(data);
                    // }

                    // ('.carhidden').html(data);
                    // $("#tab-car-2").show();
                    // $(".tab-car-2").html(data);
                    // if(inputField.trim() !=="")
                    // {
                    //     $("#tab-car-1").hide();
                    //     // console.log("ss");
                    //     //  $("#tab-car-2").html(data);
                    //     if(tabid == 1)
                    //     {
                    //         $("#tab1-content").html(data);
                    //     }
                    //     if(tabid == 2)
                    //     {
                    //         $("#tab2-content").html(data);
                    //     }
                    //     if(tabid == 3)
                    //     {
                    //         $("#tab3-content").html(data);
                    //     }
                    //     if(tabid == 4)
                    //     {
                    //         $("#tab4-content").html(data);
                    //     }
                    // }

                    // var currentUrl = window.location.href;

                    // if (currentUrl.indexOf("searchfiltercar") !== -1) {
                    //     if(arry_brand.length> 0)
                    //     {
                    //         $("#tab-car-2").hide();
                    //         // $("#tab-car-1").html(data);
                    //         if(tabid == 1)
                    //         {
                    //             $("#tab1-content").html(data);
                    //         }
                    //         if(tabid == 2)
                    //         {
                    //             $("#tab2-content").html(data);
                    //         }
                    //         if(tabid == 3)
                    //         {
                    //             $("#tab3-content").html(data);
                    //         }
                    //         if(tabid == 4)
                    //         {
                    //             $("#tab4-content").html(data);
                    //         }
                    //     }
                    //     if(array_year.length> 0)
                    //     {
                    //         $("#tab-car-2").hide();
                    //         // $("#tab-car-1").html(data);
                    //             if(tabid == 1)
                    //             {
                    //                 $("#tab1-content").html(data);
                    //             }
                    //             if(tabid == 2)
                    //             {
                    //                 $("#tab2-content").html(data);
                    //             }
                    //             if(tabid == 3)
                    //             {
                    //                 $("#tab3-content").html(data);
                    //             }
                    //             if(tabid == 4)
                    //             {
                    //                 $("#tab4-content").html(data);
                    //             }
                    //     }
                    //     if(array_color.length> 0)
                    //     {
                    //         $("#tab-car-2").hide();
                    //         // $("#tab-car-1").html(data);
                    //         if(tabid == 1)
                    //         {
                    //             $("#tab1-content").html(data);
                    //         }
                    //         if(tabid == 2)
                    //         {
                    //             $("#tab2-content").html(data);
                    //         }
                    //         if(tabid == 3)
                    //         {
                    //             $("#tab3-content").html(data);
                    //         }
                    //         if(tabid == 4)
                    //         {
                    //             $("#tab4-content").html(data);
                    //         }
                    //     }
                    //     if(array_rate.length> 0)
                    //     {
                    //         $("#tab-car-2").hide();
                    //         // $("#tab-car-1").html(data);
                    //         if(tabid == 1)
                    //         {
                    //             $("#tab1-content").html(data);
                    //         }
                    //         if(tabid == 2)
                    //         {
                    //             $("#tab2-content").html(data);
                    //         }
                    //         if(tabid == 3)
                    //         {
                    //             $("#tab3-content").html(data);
                    //         }
                    //         if(tabid == 4)
                    //         {
                    //             $("#tab4-content").html(data);
                    //         }
                    //     }
                    // }


                },
                error: function(data, textStatus, errorThrown) {
                    console.log("error", data);
                },
            });


        }

        function removeOverlookingParams() {
            const filterLink = document.getElementById('resetForm');

            const url = filterLink.href;
            const urlObj = new URL(url);
            urlObj.searchParams.delete('Overlooking[]');
            urlObj.searchParams.delete('filter[]');
            filterLink.href = urlObj.toString();
        }
    </script>
@endsection