@extends('site.layouts.master',['hide_footer' => true])

{{--@section('title')--}}
{{--{{__('site.REQUESTS')}}--}}
{{--@endsection--}}

@section('seoTags')
  @seoTags()
@endsection
@php
    $lastSegment = request()->segment(count(request()->segments()));
    $seo = SEO\Models\Page::where('path',URL::full())->first();
@endphp
@section('title')
<title>
    @if(isset($typeHeader))
        {{ $typeHeader }}
    @elseif(isset($governorateHeader) || isset($cityHeader) || isset($districtHeader) || isset($compoundHeader))
        {{ __('site.Properties_requests') .' '. __('site.In') .' '.str_replace('-',' ',$lastSegment) }}
    @else
        @if(request()->property_type_id)
            @if(app()->getLocale() == 'ar')
                @lang('site.requests')
            @endif
        {{ App\PropertyType::find(request()->property_type_id)->label }}
            @if(app()->getLocale() == 'en')
                @lang('site.requests')
            @endif
        @else
            @lang('site.Properties_requests')
        @endif
    @endif
</title>
@endsection

@section('metatags')
 @if(!empty($seo))
    <meta name="title" content="{{ $seo->meta_title ?? $seo->title }}">
    <meta name="keywords" content="{{ $seo->meta_keywords }}">
 <meta name="description" content="{{ $seo->description ?? '' }}">
 @endif
 @php
    if(count(request()->segments()) == 3){
        $com_name = str_replace('request-', ' ', request()->segments()[2]);
        $com_name = str_replace('requests-', ' ', request()->segments()[2]);
    }else{
        $com_name = str_replace('request-', ' ', request()->segments()[1]);
        $com_name = str_replace('requests-', ' ', request()->segments()[1]);
    }
    $com_name = str_replace('-', ' ',trim($com_name));
    $com = App\Compound::where('compound_name_en', $com_name)->orWhere('compound_name_ar', $com_name)->first();
    if(empty($com))$dis = App\District::where('district_name_en', $com_name)->orWhere('district_name_ar', $com_name)->first();
    if(empty($dis))$cit = App\City::where('city_name_en', $com_name)->orWhere('city_name_ar', $com_name)->first();
    if(empty($cit))$gov = App\Governorate::where('governorate_name_en', $com_name)->orWhere('governorate_name_ar', $com_name)->first();
    if(empty($ty))$ty = DB::table('property_types')->where('label', $com_name)->orWhere('label_ar', $com_name)->first();
    if (!empty($com)) {
        if (request()->segments()[0] == 'ar') {
            $opposite_slug = str_replace(' ', '-', $com->city->city_name_en.'/request-'.$com->compound_name_en);
        }
        if (request()->segments()[0] == 'en') {
            $opposite_slug = str_replace(' ', '-', $com->city->city_name_ar.'/request-'.$com->compound_name_ar);
        }
    }
    if (!empty($dis)) {
        if (request()->segments()[0] == 'ar') {
            $opposite_slug = str_replace(' ', '-', $dis->city->city_name_en.'/request-'.$dis->district_name_en);
        }
        if (request()->segments()[0] == 'en') {
            $opposite_slug = str_replace(' ', '-', $dis->city->city_name_ar.'/request-'.$dis->district_name_ar);
        }
    }
    if (!empty($cit)) {
        if (request()->segments()[0] == 'ar') {
            $opposite_slug = str_replace(' ', '-', $cit->governorate->governorate_name_en.'/request-'.$cit->city_name_en);
        }
        if (request()->segments()[0] == 'en') {
            $opposite_slug = str_replace(' ', '-', $cit->governorate->governorate_name_ar.'/request-'.$cit->city_name_ar);
        }
    }
    if (!empty($gov)) {
        if (request()->segments()[0] == 'ar') {
            $opposite_slug = str_replace(' ', '-', 'govs/request-'.$gov->governorate_name_en);
        }
        if (request()->segments()[0] == 'en') {
            $opposite_slug = str_replace(' ', '-', 'govs/request-'.$gov->governorate_name_ar);
        }
    }
    if (!empty($ty)) {
        if (request()->segments()[0] == 'ar') {
            $opposite_slug = str_replace(' ', '-', 'requests-'.$ty->label);
        }
        if (request()->segments()[0] == 'en') {
            $opposite_slug = str_replace(' ', '-', 'requests-'.$ty->label_ar);
        }
    }
 @endphp
<link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
@if(!empty($opposite_slug))
<link rel="alternate"
    hreflang="@if (app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
    href="@if (app()->getLocale() == 'en' && str_contains(url()->current(), '/en/')){{'https://nileestate.com/ar/'.$opposite_slug}}@else{{'https://nileestate.com/en/'.$opposite_slug}}@endif">
@else
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
 href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
@endif
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@section('content')
@if(Route::is('site.requests.Buy'))
    <div class="d-none">
        {{ Breadcrumbs::render('Buy') }}
    </div>
@elseif(Route::is('site.requests.Rent-requests'))
    <div class="d-none">
        {{ Breadcrumbs::render('Rent Requests') }}
    </div>
@elseif(isset($governorateHeader))
    <div class="d-none">
        @if($requests->first())
            @if(app()->getLocale() == 'ar')
                {{ Breadcrumbs::render('طلبات-'.$requests->first()->locations->first()->governorate->name) }}
            @else
                {{ Breadcrumbs::render($requests->first()->locations->first()->governorate->name.'-requests') }}
            @endif
        @endif
    </div>
@elseif(isset($cityHeader))
    <div class="d-none">
        @if($requests->first())
            @if(app()->getLocale() == 'ar')
               {{ Breadcrumbs::render('city-'.$requests->first()->locations->first()->city->id.'-طلبات-مدينة') }}
            @else
                {{ Breadcrumbs::render($requests->first()->locations->first()->city->name.'-city-requests') }}
            @endif
        @endif
    </div>
@elseif(isset($districtHeader))
    <div class="d-none">
        @if($requests->first())
            @if(app()->getLocale() == 'ar')
           {{ Breadcrumbs::render(
    $requests->first()->locations()->whereNotNull('district_id')->first()->district->city->city_name_ar
    .'-مدينة-طلبات-حى-'.
    $requests->first()->locations()->whereNotNull('district_id')->first()->district->district_name_ar
) }}
            @else
                {{ Breadcrumbs::render($requests->first()->locations()->whereNotNull('district_id')->first()->district->city->name.'-city-'.$requests->first()->locations()->whereNotNull('district_id')->first()->district->name.'-district-requests') }}
            @endif
        @endif
    </div>
@elseif(isset($compoundHeader))
    {{-- {{ dd($requests->first()->locations->first()) }} --}}
    <div class="d-none">
        @if($requests->first())
            @if(app()->getLocale() == 'ar')
{{ Breadcrumbs::render('طلبات-كمبوند-'.$requests->first()->locations->first()->compound->compound_name_ar) }}            @else
                {{ Breadcrumbs::render($requests->first()->locations->first()->compound->name.'-compound-requests') }}
            @endif
        @endif
    </div>
@elseif(isset($typeHeader))
    <div class="d-none">
        @if($requests->first())
            @if(app()->getLocale() == 'ar')
                {{ Breadcrumbs::render('طلبات-'.$requests->first()->demandPropertyTypes->first()->propertyTypes->label_ar) }}
            @else
                {{ Breadcrumbs::render($requests->first()->demandPropertyTypes->first()->propertyTypes->label.'-requests') }}
            @endif
        @endif
    </div>
@endif
@isset($breadcrumbSchema)
{!! $breadcrumbSchema !!}
@endisset
    <div class="search-area search-style" id="search-area-1">
        <div class="container">
            <div class="search-area-inner">
                <div class="search-contents ">
                   <form action="{{route('site.customRequestSearch')}}" method="GET">
    <div class="row align-items-center">

        <!-- البحث بالمنطقة -->
        <div class="col-lg-3 col-md-3 col-12">
            <div class="search_filter">
               <input type="text"
       class="form-control border-707070 getLocations mb-10"
       name="keyword"
       value="{{ request('keyword') }}"
       autocomplete="off"
       placeholder="{{__('site.Location_Search')}}">
                <div class="search_results"></div>
            </div>
            <input type="hidden" name="location" id="location" value="{{request()->location}}">
        </div>

        <!-- نوع الطلب -->
        <div class="col-lg-3 col-md-3 col-12">
         <div class="form-group my-2 custom-select-wrapper">
    <select class="border-707070 py-2 rounded-2 w-100 propertyFor px-2"
            name="property_for"
            data-url="{{route('site.changeForm')}}"
            data-page="home">

        <option value="0"
            disabled
            {{ request('property_for') ? '' : 'selected' }}>
            @lang('site.request_Status')
        </option>

        <option value="Buy"
            {{ request('property_for') == 'Buy' ? 'selected' : '' }}>
            {{__('site.Search_For_Buyer')}}
        </option>

        <option value="Rent"
            {{ request('property_for') == 'Rent' ? 'selected' : '' }}>
            {{__('site.Search_For_Tenant')}}
        </option>

        <option value="Buy & Rent"
            {{ request('property_for') == 'Buy & Rent' ? 'selected' : '' }}>
            {{__('site.Search_For_Tenant_Or_Buyer')}}
        </option>

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

        <!-- نوع العقار -->
        <div class="col-lg-3 col-md-3 col-12">
    <div class="form-group my-2 custom-select-wrapper">
        <select class="border-707070 py-2 rounded-2 w-100 propertyType px-2"
                name="property_type_id">

            <option value="0"
                disabled
                {{ request('property_type_id') ? '' : 'selected' }}>
                @lang('site.request_Type')
            </option>

            @foreach($types as $type)
                <option value="{{$type->id}}"
                    {{ request('property_type_id') == $type->id ? 'selected' : '' }}>
                    {{$type->label}}
                </option>
            @endforeach

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

<!-- زر البحث + advanced -->
<div class="col-lg-3 col-md-3 col-12">
    <div class="form-group my-2 d-flex gap-2">

        <button type="submit"
                class="btn btn-primary w-100 py-2 SF16_19BoldImportant text-uppercase">
            @lang('site.quick_search')
        </button>

        <!-- <button type="button"
                class="bg-dark text-white border-0 px-3"
                id="showmore">
            <small id="angleText">@lang('site.Advanced_Search')</small>
            <i class="fa fa-angle-down" id="angle"></i>
        </button> -->

    </div>
</div>




        <!-- الحقول المتقدمة -->
       <div id="insertFilterForm" class="advanced-box"></div>

    </div>
</form>

                </div>
            </div>
        </div>
    </div>
    <div class="pt-2 pb-3 bg-f9f9f9">
        <div class="customWidth">
            <!-- <div class="py-4">
                @if ($seo != null)
                    @php
                        if (LaravelLocalization::getCurrentLocale() == 'ar') {
                            $content = $seo->content_top_ar;
                        } else {
                            $content = $seo->content_top;
                        }
                    @endphp
                    @if (isset($content))
                        <div id="seeDIV" class="card shadow-box my-3 px-2 py-3 changeLink mx-3 text-justify">
                            {!! $content !!}
                        </div>
                        {{-- <div class="text-center my-4">
                        <a href="" id="see"><small>{{__('site.see_more')}}</small></a>
                    </div> --}}
                    @endif
                @endif
            </div> -->
            <div>
                @if(empty($seo->title))
                    <h1 class="SFBlack22_26 SFBlack26_31-lg text-blue my-3">
                        @if(isset($typeHeader))
                            {{ $typeHeader }}
                        @elseif(isset($governorateHeader) || isset($cityHeader) || isset($districtHeader) || isset($compoundHeader))
                            {{ __('site.Properties_requests') .' '. __('site.In') .' '.str_replace('-',' ',$lastSegment) }}
                        @else
                            @if(request()->property_type_id)
                                @if(app()->getLocale() == 'ar')
                                    @lang('site.requests')
                                @endif
                                {{ App\PropertyType::find(request()->property_type_id)->label }}
                                @if(app()->getLocale() == 'en')
                                    @lang('site.requests')
                                @endif
                            @else
                                @lang('site.Properties_requests')
                            @endif
                        @endif
                    </h1>
                @else
                    <h1 class="SFBlack22_26 SFBlack26_31-lg text-blue my-3">
                        {{$seo->title}}
                    </h1>
                @endif
                @if(!empty($titleIntro))
                    <p class="customWidth my-4 text-707070">{{ $titleIntro }}</p>
                @endif
                <div class="d-flex justify-content-between align-items-center">
                    <p class="footer_contact m-0">{{ $requests->total() }} @lang('site.requests')</p>
                    <div class="col-8 d-flex justify-content-end align-items-center text-end">
                        @if ($lastSegment != 'search')
                            <div class="mx-3">
                                <a id="savesearchbutton"
                                    class="btn bg-transparent py-3 px-2 border border-1 time_text text-3b3b3b text-decoration-underline"
                                    title="@lang('site.Save_Search')" data-bs-toggle="modal" data-bs-target="#exampleModal2">
                                    <p class="mb-1">@lang('site.Save_Search')</p>
                                </a>

                                <!-- Modal -->
                                <div class="modal fade my-4 py-4" id="exampleModal2" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalLabel2" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <p class="modal-title mx-auto fw-bold" id="exampleModalLabel">@lang('site.Save_Search')</p>
                                                <button type="button" class="close ml-1" data-bs-dismiss="modal"
                                                    aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            @if (session()->get('message'))
                                                <div class="alert alert-success">
                                                    {{ session()->get('message') }}
                                                </div>
                                            @endif
                                            @if (session()->get('message1'))
                                                <div class="alert alert-danger">
                                                    {{ session()->get('message1') }}
                                                </div>
                                            @endif
                                            <form action="{{ route('site.saveSearch') }}" class="text-center"
                                                method="POST">
                                                @csrf
                                                <input type="hidden" id="gtokenSearch" name="gToken">
                                                <input type="hidden" name="searchUrl" value="{{ url()->full() }}">
                                                <p>@lang('site.searchsavequote')</p>
                                                <input class="my-2 col-11 mx-auto form-control"
                                                    placeholder="@lang('site.givenametoyoursearch')" type="text" name="name"
                                                    value="{{ old('name') }}">
                                                <p>@lang('site.notificationevery')</p>
                                                <div class="mx-3 d-inline-block">
                                                    <input id="never" class="showRadio" type="radio" value="never"
                                                        name="frequency">
                                                    <label for="never">
                                                        @lang('site.never')
                                                    </label>
                                                </div>
                                                <div class="mx-3 d-inline-block">
                                                    <input id="daily" class="showRadio" type="radio" value="daily"
                                                        name="frequency">
                                                    <label for="daily">
                                                        @lang('site.daily')
                                                    </label>
                                                </div>
                                                <div class="mx-3 d-inline-block">
                                                    <input id="weekly" class="showRadio" type="radio" value="weekly"
                                                        name="frequency">
                                                    <label for="weekly">
                                                        @lang('site.weekly')
                                                    </label>
                                                </div>
                                                @foreach ($errors->search->all() as $error)
                                                    <p class="text-danger">{{ $error }}</p>
                                                @endforeach
                                                <div class="modal-footer">
                                                    <a onclick="Captcha('gtokenSearch')" class="bg-danger btn btn-danger"
                                                        style="font-size: 14px;">@lang('site.Save_Search')</a>
                                                    <button hidden type="submit"
                                                        id="doSubmitWithCaptchagtokenSearch"></button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="col-5 col-lg-4 pe-lg-3">
                            <select class="w-100 px-1 py-3 rounded-2 time_text text-3b3b3b border-d1d1d1" id="sort-select"
                                name="location">
                                <option value="" selected disabled>@lang('site.sort_by')</option>
                                <option class="price"
                                    {{ request('sort_by') == 'price' && request('sort') == 'asc' ? 'selected' : '' }}
                                    value="asc">
                                    {{ __('site.Price Low to High') }}</option>
                                <option class="price"
                                    {{ request('sort_by') == 'price' && request('sort') == 'desc' ? 'selected' : '' }}
                                    value="desc">
                                    {{ __('site.Price High to Low') }}</option>
                                <option class="date"
                                    {{ request('sort_by') == 'date' && request('sort') == 'asc' ? 'selected' : '' }}
                                    value="asc">
                                    {{ __('site.Date Old to New') }}</option>
                                <option class="date"
                                    {{ request('sort_by') == 'date' && request('sort') == 'desc' ? 'selected' : '' }}
                                    value="desc">
                                    {{ __('site.Date New to Old') }}</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div id="items" class="vh-100 overflow-auto mt-3">
                    @include('site.template.request-index', ['requests' => $requests])

                </div>

                @if ($requests->nextPageUrl())
                    <div class="text-center my-3">
                       <a id="load_more" class="btn button_see_more_transparent border px-5 py-3"
    href="{{ $requests->nextPageUrl() }}">
    @lang('site.load_more')
    <span id="load_spinner" class="spinner-border spinner-border-sm ms-2 d-none"></span>
    <i class="mx-3">
        @if (app()->getLocale() == 'ar')
            &#x2196;
        @else
            &#x2197;
        @endif
    </i>
</a>

                    </div>
                @endif
            </div>
            <div class="d-lg-flex flex-wrap justify-content-lg-between">
                <div class="col-lg-12">
                    <p class="SFBlack22_26 SFBlack26_31-lg text-blue my-3">
                        @lang('site.similar_requests')
                    </p>
                    <div id="similarRequests">

                    </div>
                </div>
                <div class="d-lg-none line my-3"></div>
                <div class="d-lg-flex flex-lg-row-reverse justify-content-lg-center w-100">
                    {{-- <div class="w-lg-48">
                        <div class="rounded-3 bg-white my-3 p-3">
                            <p class="SFBlack22_26 text-blue">@lang('site.How Do Requests Works'):</p>
                            <div class="bg-dark rounded-3">
                                <img loading="lazy" class="w-100 rounded-3" src="{{ asset('new_theme/video-placeholder.webp') }}"
                                    alt="video_placeholder">
                            </div>
                        </div>
                    </div> --}}
                    <p class="d-lg-none SFBlack22_26 text-blue">@lang('site.Owners / Brokers')</p>
                    <div class="col-12 w-lg-48 @if(app()->getLocale() == 'ar') ps-3 @else pe-3 @endif">
                        <div class="rounded-3 bg-white p-3 my-3">
                            <p class="SFBlack22_26 text-red text-uppercase">
                                @lang('site.I have a property that fits your request') <br>
                            </p>
                            <div id="requestInfoForm">

                            </div>
                        </div>
                    </div>
                    {{-- <div id="agent" class="w-100"></div> --}}
                </div>
            </div>
            <div class="d-lg-none line my-3"></div>
            <div class="py-4 px-lg-4">
                @if ($seo != null)
                    @php
                        if (LaravelLocalization::getCurrentLocale() == 'ar') {
                            $content = $seo->content_ar;
                        } else {
                            $content = $seo->content;
                        }
                    @endphp
                    @if (isset($content))
                        <div id="seeDIV" class="card shadow-box my-3 px-2 py-3 changeLink mx-3 text-justify">
                            {!! $content !!}
                        </div>
                        {{-- <div class="text-center my-4">
                            <a href="" id="see"><small>{{__('site.see_more')}}</small></a>
                        </div> --}}
                    @endif
                @endif
            </div>
        </div>
    </div>
    <style>

        .advanced-box {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}


#insertFilterForm {
    position: absolute;
    top: 100%;

    inset-inline-end: 0;

    width: 820px;
    max-height: 75vh;
    overflow-y: auto;

    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,.2);

    display: none;
    z-index: 1000;
}

#showmore {
    width: 100%;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}


#showmore small {
    font-size: 14px;
    line-height: 1;
}

#showmore i {
    font-size: 12px;
}



@media (max-width: 767px) {
    #insertFilterForm {
        position: static;
        width: 100%;
        max-height: none;
        inset-inline-end: auto;

        margin-top: 12px;
        border-radius: 12px;
        box-shadow: 0 6px 20px rgba(0,0,0,.15);
    }
}



 /* Advanced Search */
    #showmore {
        display: flex !important;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    /* الفورم */
    #insertFilterForm {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
        border-radius: 12px;
        box-shadow: 0 6px 20px rgba(0,0,0,.15);
        max-height: 75vh;
        overflow-y: auto;
        display: none;
        z-index: 1000;
        box-sizing: border-box;
        padding: 15px;
    }

    /* عند فتح الفورم */
    #insertFilterForm.open {
        display: block !important;
    }


        </style>
@endsection
@section('script')
    <script>
        $("#for_select").change(function(){
            if($(this).val() == 'Rent'){
                $('#price_from').attr('name','price_rent_from');
                $('#price_to').attr('name','price_rent_to');
            }else{
                $('#price_from').attr('name','sale_price_form');
                $('#price_to').attr('name','sale_price_to');
            }
        });
        $('#price_div').click(function() {
            // $('.owl-stage').toggleClass('h-150');
            $('#customDropDown').toggleClass('customDropDownShow');
        });
        //$(".owl-carousel").owlCarousel({
        //    autoWidth: true,
        //});
        $(document).ready(function() {
            $(".select2").select2();
        });
        $("#sort-select").change(function() {
            var selectedValue = $(this).children('option:selected');

            var optionClass = selectedValue.attr('class');
            switch (optionClass) {
                case 'price':
                    applySortFilter('price', selectedValue.val());
                    break;
                case 'date':
                    applySortFilter('date', selectedValue.val());
                    break;
            }
        });
        if ($(window).width() > 992) {
            kind = 'first2';
        } else {
            kind = 'first';
        }
        if (kind == 'first') {
            $(document).ready(function() {
                $('.first').click();
            });
        }
        if (kind == 'first2') {
            $(document).ready(function() {
                $('.first2').click();
            });
        }
        if (kind == 'first') {
            $('.requestHeaders').click(function() {
                $('.requestHeaders').removeClass('customIndexRequestBorderajax2');
                $(this).addClass('customIndexRequestBorderajax2');
                $('.hide_details').addClass('d-none');
                $('.hide_details').removeClass('customIndexRequestBorder');
                $(this).next().addClass('customIndexRequestBorder');
                $(this).next().removeClass('d-none');
                id = $(this).attr('data-request');
                loadSimilars(id);
                loadRequestInfoForm(id);
            });
        }
        if (kind == 'first2') {
            $('.requestHeaders2').click(function() {
                $('.requestHeaders2').removeClass('customIndexRequestBorderajax2');
                $(this).addClass('customIndexRequestBorderajax2');
                id = $(this).attr('data-request');
                loadRequestData(id);
                loadSimilars(id);
                loadRequestInfoForm(id);
            });
        }


        function loadSimilars(id) {
            url = "{{ url('similarRequests/') }}" + '/' + id;
            console.log(url);
            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    lang: "{{ app()->getLocale() }}",
                },
                success: function(data) {
                    $('#similarRequests').empty();
                    $('#similarRequests').append(data);
                    $(".price-commas").each(function() {
                        var num = $(this).text();
                        var num_parts = num.toString().split(".");
                        num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                        $(this).html(num_parts.join("."));
                    });
                },
                error: function(xhr, status, error) {
                    console.error('Ajax request failed', status, error);
                }
            });
        }

        function loadRequestInfoForm(id) {
            url = "{{ url('requestInfoForm/') }}" + '/' + id;
            console.log(url);
            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    lang: "{{ app()->getLocale() }}",
                },
                success: function(data) {
                    $('#requestInfoForm').empty();
                    $('#requestInfoForm').append(data);
                },
                error: function(xhr, status, error) {
                    console.error('Ajax request failed', status, error);
                }
            });
        }

        function loadRequestData(id) {
            url = "{{ url('requestData/') }}" + '/' + id;
            console.log(url);
            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    lang: "{{ app()->getLocale() }}",
                },
                success: function(data) {
                    $('#items3').empty();
                    $('#items3').append(data['view']);
                    // $('#agent').empty();
                    // $('#agent').append(data['request']);
                    $(".reveal_number").on("click", function(e) {
                        e.preventDefault();
                        $(this).hide();
                        $(this).next(".reveal_number-phone").fadeIn();
                        let url = $(this).children('.url').val();
                        let ty = $(this).children('.type').val();
                        let pr = $(this).children('.pr_id').val();
                        let ip = $(this).children('.phone_clicks').val();
                        $.ajax({
                            url: url,
                            data: {
                                ty: ty,
                                pr: pr,
                                ip: ip
                            },
                            success: function(result) {
                                console.log(result.data);
                            },
                            error: function(errors) {
                                console.log(errors);
                            }
                        });
                    });
                },
                error: function(xhr, status, error) {
                    console.error('Ajax request failed', status, error);
                }
            });
        }
        function loadMore() {
    var url = window.location.href;

    // إزالة أي page سابق ثم إضافة الجديد
    url = url.replace(/(\?|&)page=\d+/g, '');
    if (url.includes('?')) url = url + '&page=' + page;
    else url = url + '?page=' + page;

    console.log(url);

    $.ajax({
        url: url,
        type: 'GET',
        data: {
            ajax: true,
        },
        success: function(data) {

            // =============== نوع العرض الأول ===============
            if (kind == 'first') {
                $('#items').append(data);

                $('.requestHeaders').click(function() {
                    $('.requestHeaders').removeClass('customIndexRequestBorder');
                    $(this).addClass('customIndexRequestBorder');

                    $('.hide_details').addClass('d-none');
                    $('.hide_details').removeClass('customIndexRequestBorder');

                    $(this).next().addClass('customIndexRequestBorder').removeClass('d-none');

                    let id = $(this).attr('data-request');
                    loadSimilars(id);
                    loadRequestInfoForm(id);
                });
            }

            // =============== نوع العرض الثاني ===============
            if (kind == 'first2') {
                $('#items2').append(data);

                $('.requestHeaders2').click(function() {
                    $('.requestHeaders2').removeClass('customIndexRequestBorderajax');
                    $(this).addClass('customIndexRequestBorderajax');

                    let id = $(this).attr('data-request');
                    loadRequestData(id);
                    loadSimilars(id);
                    loadRequestInfoForm(id);
                });
            }

            // =============== إضافة Commas للأسعار ===============
            $(".price-commas").each(function() {
                var num = $(this).text();
                var num_parts = num.toString().split(".");
                num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                $(this).html(num_parts.join("."));
            });

            // =============== إرجاع زر التحميل لوضعه الطبيعي ===============
            $("#load_spinner").addClass("d-none");
            $("#load_more").removeClass("disabled");

            // =============== Auto Scroll بعد التحميل ===============
           setTimeout(function () {

    var container;

    // Desktop → القائمة الجانبية
    if (kind === 'first2') {
        // امسك أول div فيه سكرول في العمود الأيسر
        container = $('.requestHeaders2').first().closest('.overflow-auto');

        // لو ملقيناش، fallback
        if (!container.length) {
            container = $('#items');
        }
    }

    // Mobile → الـ container الأساسي
    else {
        container = $('#items');
    }

    // نفذ الـ scroll
    container.animate({
        scrollTop: container[0].scrollHeight
    }, 600);

}, 200);

        },

        error: function(xhr, status, error) {
            console.error('Ajax request failed', status, error);
        }
    });
}

var page = 1;

$('#load_more').click(function(e) {
    e.preventDefault();

    $("#load_spinner").removeClass("d-none");
    $("#load_more").addClass("disabled");

    page++;
    loadMore(page);
});



        $(".reveal_number").on("click", function(e) {
            e.preventDefault();
            $(this).hide();
            $(this).next(".reveal_number-phone").fadeIn();
            let url = $(this).children('.url').val();
            let ty = $(this).children('.type').val();
            let pr = $(this).children('.pr_id').val();
            let ip = $(this).children('.phone_clicks').val();
            $.ajax({
                url: url,
                data: {
                    ty: ty,
                    pr: pr,
                    ip: ip
                },
                success: function(result) {
                    console.log(result.data);

                },
                error: function(errors) {
                    console.log(errors);
                }
            });
        });
        $(document).on('keyup','.getLocations',function () {
            var value = $(this).val();
            $.ajax({
                url: '{{route('site.getLocations')}}',
                data:{value:value},
                success:function (result) {
                    $('.search_results').html('');
                    result.forEach(function (el) {
                        $('.search_results').append(el);
                    });
                    $('.selectLocation').click(function(){
                        $('.search_results').html('');
                    });
                },
                error:function (errors) {
                    console.log(errors);
                }
            });
        });
        // $('.propertyFor,.propertyType').on('change', function() {
        //   var f = $('.propertyFor').val();
        //   var t = $('.propertyType').val();
        //   if(f&&t){
        //     $('#showmore').removeClass('d-none');
        //     $('#insertFilterForm').slideToggle(0);
        //   }
        // });
        // $('.propertyFor').on('change', function() {
        //   if($('#insertFilterForm').height() > 1) $('#insertFilterForm').slideToggle(0);
        // });
        // $('.propertyType').on('change', function() {
        //   if($('#insertFilterForm').height() > 1) $('#insertFilterForm').slideToggle(0);
        // });
        $('#showmore').on('click',function(){
          //$('#insertFilterForm').toggleClass('d-none').fadeIn(500);
          $('#insertFilterForm').slideToggle(500,function(){
            $('#angle').toggleClass('fa-angle-down');
            $('#angle').toggleClass('fa-angle-up');
          });
        });
        $(window).on('resize', function () {
    let newKind = $(window).width() > 992 ? 'first2' : 'first';
    if (newKind !== kind) {
        location.reload();
    }
});
    </script>
    @include('site.layouts.js.favouriteButtonScript')
    @include('site.layouts.js.applySort')
@endsection