@extends('site.layouts.master')
@section('seoTags')
  @seoTags()
@endsection
    @php
        $seo = SEO\Models\Page::where('path',URL::full())->first();
    @endphp
@if(empty($seo))
    @section('title')
        <title>{{$demand->metadata->title ?? __('site.property_type')}}</title>
    @endsection
@endif
@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
<meta property="og:publish_date" content="{{ date('c',strtotime($demand->created_at)) }}" />
<meta property="og:updated_time" content="{{ date('c',strtotime($demand->updated_at)) }}" />
<meta property="og:image" content="{{ $agent->profile->full_profile_photo ?? ' ' }}">
<link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
@php
if(empty($demand->slug_ar)) $demand->slug_ar = '';
if(empty($demand->slug_en)) $demand->slug_en = '';
@endphp
    <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/'.request()->segment(2).'/'.$demand->slug_ar }}@else{{ 'https://nileestate.com/en/'.request()->segment(2).'/'.$demand->slug_en }}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@php
if (isset($_COOKIE['windowWidth'])) {
    $windowWidth = $_COOKIE['windowWidth'];
    $sm = $windowWidth < 992;
} else {
    $sm = false; // Default value if cookie is not set
}
@endphp
@section('content')
<div class="d-none">
    {{ Breadcrumbs::render('Request',$demand) }}
</div>
{!! $breadcrumbSchema !!}
{!! $RealestateListingSchema !!}
    <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-12">
                                <div class="search_filter">
                                    <input type="text"
                                            class="form-control border-707070 getLocations mb-10"
                                            name="address"
                                            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-md-3 col-12">
                                <div class="form-group my-2">
                                    <select class="border-707070 py-2 rounded-2 w-100 propertyFor" name="request_for"
                                            data-url="{{route('site.changeForm')}}" data-page="home">
                                        <option disabled selected value="0">@lang('site.request_Status')</option>
                                        <option value="Buy">{{__('site.Search_For_Buyer')}}</option>
                                        <option value="Rent">{{__('site.Search_For_Tenant')}}</option>
                                        <option value="Buy & Rent">{{__('site.Search_For_Tenant_Or_Buyer')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12 d-flex align-items-center gap-2">


    <select class="border-707070 py-2 rounded-2 w-50 propertyType"
            name="property_type_id">
        <option disabled selected value="0">@lang('site.request_Type')</option>
        @foreach($types as $type)
            <option value="{{$type->id}}">{{$type->label}}</option>
        @endforeach
    </select>

   <button type="submit" class="btn btn-primary SF16_19BoldImportant text-uppercase w-auto py-2 px-4">
    @lang('site.quick_search')
</button>
</div>
                        </div>
                    </form>
                    <!-- <div class="d-flex justify-content-end">
                      <button class="m-0 bg-dark text-white border-0 d-none" id="showmore" style="padding: 5px 20px;">
                        <small class="d-inline p-0 m-0" id="angleText">@lang('site.Advanced_Search')</small>
                        <i class="fa fa-angle-down" id="angle"></i>
                      </button>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <div class="bg-f9f9f9 py-3">
        <div class="customWidth">
            <div class="d-flex justify-content-between align-items-center my-3">
                <div class="d-flex align-items-center">
                    <a class="text-decoration-none back_link" href="{{ url()->previous() }}">
                        @if (app()->getLocale() == 'ar')
                            <i class="fa fa-chevron-right"></i>
                        @else
                            <i class="fa fa-chevron-left"></i>
                        @endif @lang('site.Back')
                    </a>
                    <span class="d-none d-lg-inline-block text-707070 mx-3 mb-1">|</span>
                    <p class="d-none d-lg-inline-block m-0 mb-1">
                        @if($demand->locations->first())
                            @if ($demand->locations->first()->governorate->name)
                                <a class="time_text SF16_19Light text-decoration-none"
                                    href="{{ url('/' . app()->getLocale() . '/govs/request-' . urlencode(str_replace(' ', '-', $demand->locations->first()->governorate->name))) }}">{{ $demand->locations->first()->governorate->name }}</a>
                            @endif
                            @if ($demand->locations->first()->city->name)
                                @if (app()->getLocale() == 'ar')
                                    <i class="fa fa-chevron-left mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @else
                                    <i class="fa fa-chevron-right mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @endif
                                <a class="time_text SF16_19Light text-decoration-none"
                                    href="{{ url('/' . app()->getLocale() . '/' . urlencode(str_replace(' ', '-', $demand->locations->first()->governorate->name)) . '/request-' . urlencode(str_replace(' ', '-', $demand->locations->first()->city->name))) }}">{{ $demand->locations->first()->city->name }}</a>
                            @endif
                            @if ($demand->locations->first()->district->name)
                                @if (app()->getLocale() == 'ar')
                                    <i class="fa fa-chevron-left mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @else
                                    <i class="fa fa-chevron-right mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @endif
                                <a class="time_text SF16_19Light text-decoration-none"
                                    href="{{ url('/' . app()->getLocale() . '/' . urlencode(str_replace(' ', '-', $demand->locations->first()->city->name)) . '/request-' . urlencode(str_replace(' ', '-', $demand->locations->first()->district->name))) }}">{{ $demand->locations->first()->district->name }}</a>
                            @endif
                            @if ($demand->locations->first()->compound->name)
                                @if (app()->getLocale() == 'ar')
                                    <i class="fa fa-chevron-left mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @else
                                    <i class="fa fa-chevron-right mx-2 text-707070" style="font-size: 10px;font-weight:bold;"></i>
                                @endif
                                <a class="time_text SF16_19Light text-decoration-none"
                                    href="{{ url('/' . app()->getLocale() . '/' . urlencode(str_replace(' ', '-', $demand->locations->first()->city->name)) . '/request-' . urlencode(str_replace(' ', '-', $demand->locations->first()->compound->name))) }}">{{ $demand->locations->first()->compound->name }}</a>
                            @endif
                        @endif
                    </p>
                </div>
                <div class="time_font text-707070">
                    @if (app()->getLocale() == 'ar')
                        {{ \Carbon\Carbon::createFromDate($demand->updated_at)->translatedFormat('M d ' . __('site.at') . ' h:i A') }}
                    @else
                        {{ \Carbon\Carbon::createFromDate($demand->updated_at)->translatedFormat('M d \a\t h:i A') }}
                    @endif
                </div>
            </div>
            @php
                $converter = App\CurrencyConverter::first();
                $usd = $converter->usd;
                $eur = $converter->eur;
                $gbp = $converter->gbp;
                if ($demand->property_for == 'Rent'){
                    $price_from = $demand->demandPropertyTypes[0]->price_rent_from;
                    $price_to = $demand->demandPropertyTypes[0]->price_rent_to;
                    $currency = $demand->demandPropertyTypes[0]->price_rent_currency;
                }else{
                    $price_from = $demand->demandPropertyTypes[0]->price_buy_from;
                    $price_to = $demand->demandPropertyTypes[0]->price_buy_to;
                    $currency = $demand->demandPropertyTypes[0]->price_buy_currency;
                }
            @endphp
            @if($sm)
<div class="d-flex flex-column flex-lg-row justify-content-between bg-white p-4 mb-4 rounded mx-auto request-card">
                    <div class="d-flex justify-content-between align-items-center">
                        <p class="time_text text-red">@lang('site.Request ID') : {{ $demand->id }}</p>
                        @if(!empty($demand->locations[0]->city->name))
                            <a class='bg-customGray py-2 px-3 SF13_15Bold SF16_19Regular-lg text-white text-decoration-none' href="{{ route('site.request-'.str_replace(' ','-',$demand->locations[0]->city->name)) }}">{{ $demand->locations[0]->city->name ?? '' }}</a>
                        @endif
                    </div>
                    <h1 class="tab_font text-3b3b3b">{{ $demand->metadata->title ?? __('site.property_type') }}</h1>
                  <p class="SF16_19Regular text-707070 mb-2 d-flex align-items-center">
    <img loading="lazy" class="me-2 svg_blue" src="{{ asset('new_theme/marker.svg') }}" alt="marker">
    <span class="text-nowrap">
        {{ $demand->locations[0]->country->name ?? '' }}
        @if($demand->locations[0]->governorate)
            / {{ $demand->locations[0]->governorate->name }}
        @endif
        @lang('site.In') :
        @foreach ($demand->locations as $loc)
            @if($loc->district) / {{ $loc->district->name }} @endif
            @if($loc->compound) / {{ $loc->compound->name }} @endif
        @endforeach
    </span>
</p>
                    @foreach ($demand->locations as $loc)
                        <p class="@if (count($demand->locations) == 1) d-inline-block @endif mb-3 SF16_19Regular text-707070">

                            @if ($loc->district)
                                {{ $loc->district->name ? '/' . $loc->district->name : '' }}
                            @endif
                            @if ($loc->compound)
                                {{ $loc->compound->name ? '/' . $loc->compound->name : '' }}
                            @endif
                        </p>
                    @endforeach
                   @php
    $surface_from = $demand->demandPropertyTypes->first()->surface_area_from
                    ?? $demand->demandPropertyTypes->first()->size_from
                    ?? $demand->demandPropertyTypes->first()->plot_area_from
                    ?? $demand->demandPropertyTypes->first()->farm_area_from;

    $surface_to = $demand->demandPropertyTypes->first()->surface_area_to
                    ?? $demand->demandPropertyTypes->first()->size_to
                    ?? $demand->demandPropertyTypes->first()->plot_area_to
                    ?? $demand->demandPropertyTypes->first()->farm_area_to;
@endphp

@if($surface_from || $surface_to)
    <p class="SF16_19Regular text-707070">
        <img loading="lazy" class="me-2 svg_blue" src="{{ asset('new_theme/svgexport-21 (1).svg') }}" alt="size">
        <span class="text-blue">{{ $surface_from }} - {{ $surface_to }} @lang('site.SqFt')</span>
    </p>
@endif

@foreach ($demand->demandPropertyTypes as $request)
    @php
        $bathrooms = ($request->no_of_bathrooms_from || $request->no_of_bathrooms_to) && ($request->no_of_bathrooms_from != 0 || $request->no_of_bathrooms_to != 0);
        $bedrooms = ($request->no_of_bedrooms_from || $request->no_of_bedrooms_to) && ($request->no_of_bedrooms_from != 0 || $request->no_of_bedrooms_to != 0);
        $plot_area = ($request->plot_area_from || $request->plot_area_to) && ($request->plot_area_from != 0 || $request->plot_area_to != 0);
        $building_area = ($request->building_area_from || $request->building_area_to) && ($request->building_area_from != 0 || $request->building_area_to != 0);
        $floor_no = ($request->floor_no_from || $request->floor_no_to) && ($request->floor_no_from != 0 || $request->floor_no_to != 0);
        $farm_area = ($request->farm_area_from || $request->farm_area_to) && ($request->farm_area_from != 0 || $request->farm_area_to != 0);
    @endphp

    <div class="d-flex justify-content-between align-items-center">
        <p class="SF14_16Medium text-3b3b3b">@lang('site.Property_Types')</p>
        <p class="SF18_21Medium text-blue">{{ $request->propertyTypes->label }}</p>
    </div>

    @if ($demand->property_for)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.Property_For')</p>
            <p class="SF18_21Medium text-blue">{{ __("site.$demand->property_for") }}</p>
        </div>
    @endif

    @if ($request->price_buy_type)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.payment_type')</p>
            <p class="SF18_21Medium text-blue">
                {{ __('site.demand_payment_method_' . strtolower($request->price_buy_type)) }}
            </p>
        </div>
    @endif

    @if ($request->finishing_status)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.finishing_status')</p>
            <p class="SF18_21Medium text-blue text-end">
                @foreach ($request->finishing_status as $finishing)
                    {{ \App\FinishingType::find($finishing)->finishing_type ?? '' }}@if (!$loop->last), @endif
                @endforeach
            </p>
        </div>
    @endif

    @if ($bathrooms)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.No_of_Bathrooms')</p>
            <p class="SF18_21Medium text-blue">{{ $request->no_of_bathrooms_from }} - {{ $request->no_of_bathrooms_to }}</p>
        </div>
    @endif

    @if ($bedrooms)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.no_bed_rooms')</p>
            <p class="SF18_21Medium text-blue">{{ $request->no_of_bedrooms_from }} - {{ $request->no_of_bedrooms_to }}</p>
        </div>
    @endif

    @if ($plot_area)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.Plot_Area')</p>
            <p class="SF18_21Medium text-blue">{{ $request->plot_area_from }} - {{ $request->plot_area_to }} @lang('site.SqFt')</p>
        </div>
    @endif

    @if ($building_area)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.building_area')</p>
            <p class="SF18_21Medium text-blue">{{ $request->building_area_from }} - {{ $request->building_area_to }} @lang('site.SqFt')</p>
        </div>
    @endif

    @if ($floor_no)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.Floor_No')</p>
            <p class="SF18_21Medium text-blue">{{ $request->floor_no_from }} - {{ $request->floor_no_to }}</p>
        </div>
    @endif

    @if ($farm_area)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.Farm_Area')</p>
            <p class="SF18_21Medium text-blue">{{ $request->farm_area_from }} - {{ $request->farm_area_to }} @lang('site.SqFt')</p>
        </div>
    @endif

    @if ($request->furniture_status)
        <div class="d-flex justify-content-between align-items-center">
            <p class="SF14_16Medium text-3b3b3b">@lang('site.Furniture_Status')</p>
            <p class="SF18_21Medium text-blue">
                @foreach ($request->furniture_status as $furniture)
                    {{ __("site.$furniture") }}@if (!$loop->last), @endif
                @endforeach
            </p>
        </div>
    @endif
@endforeach
                    <!-- @if ($demand->metadata->description)
                        <p class="SF14_16Medium text-3b3b3b">
                            {{ __('site.newrequest_desc') }}
                        </p>
                        <div class="request_description">
                            {!! $demand->metadata->description !!}
                        </div>
                    @endif -->
                    <div class="d-flex align-items-center my-3">
    <p class="SF14_16Medium text-3b3b3b text-uppercase me-3 mb-0">
        @lang('site.budget')
    </p>

    <div class="d-flex align-items-center">
        <span class="text-red SF22_26Bold me-3 price-commas">
            @if($currency == __('site.USD'))
                {{ $price_from*$usd }}  @lang('site.EGP')
            @elseif($currency == __('site.EUR'))
                {{ $price_from*$eur }}  @lang('site.EGP')
            @elseif($currency == __('site.GBP'))
                {{ $price_from*$gbp }}  @lang('site.EGP')
            @else
                {{ $price_from.' '.$currency }}
            @endif
            @if($currency != __('site.EGP') && $currency != null)
                <small class="SF16_19Bold">({{ $price_from.' '.$currency }})</small>
            @endif
        </span>

        <i class="fa-solid fa-arrow-right-arrow-left text-blue mx-2"></i>

        <span class="text-red SF22_26Bold ms-3 price-commas">
            @if($currency == __('site.USD'))
                {{ $price_to*$usd }}  @lang('site.EGP')
            @elseif($currency == __('site.EUR'))
                {{ $price_to*$eur }}  @lang('site.EGP')
            @elseif($currency == __('site.GBP'))
                {{ $price_to*$gbp }}  @lang('site.EGP')
            @else
                {{ $price_to.' '.$currency }}
            @endif
            @if($currency != __('site.EGP') && $currency != null)
                <small class="SF16_19Bold">({{ $price_to.' '.$currency }})</small>
            @endif
        </span>
    </div>
</div>
                    <div>
                        <div class="line my-4"></div>
                        <div class="text-blue text-uppercase SFBold14_16">
                            @lang('site.Agent')
                        </div>
                        <div class="my-3 d-flex align-items-center gap-3">

                      <div>
                        @if ($agent->id)
                      <a rel="nofollow" href="{{ route('site.agent-details', $agent->id) }}">
                      <img loading="lazy" width="90" height="90"
                         src="{{ $agent->profile->full_profile_photo ?? asset('new_theme/image_notfound.webp') }}"
                        alt="{{ $agent->username ?? 'image' }}"
                        class="rounded-circle objectCustom">
                       </a>
                      @endif
             </div>

    <div>
        @if ($agent->id)
            <a rel="nofollow" href="{{ route('site.agent-details', $agent->id) }}"
                class="SFHeavy18_21 text-3b3b3b text-decoration-none d-block">
                {{ $agent->username }}
            </a>
        @endif

        <p class="SFRegular15_18 text-3b3b3b m-0">
            @lang('site.agent')
        </p>
    </div>

</div>
                       <div class="my-3 d-flex align-items-center gap-2 flex-wrap">
    @if ($agent->profile->phone != null)

        <a rel="nofollow" href="#"
            class="reveal_number showNumberCustom text-decoration-none SFBold11_13 py-3 px-2">
            <i class="fa-solid fa-phone-volume"></i>
            @lang('site.Call')
            <input class="url" type="hidden" value="{{ route('site.addclick') }}" hidden>
            <input class="type" type="hidden" value="request" hidden>
            <input class="pr_id" type="hidden" value="{{ $demand->id }}" hidden>
            <input class="phone_clicks" type="hidden" value="{{ $_SERVER['REMOTE_ADDR'] }}" hidden>
        </a>

        <a rel="nofollow"
            class="reveal_number-phone showNumberCustom2 text-decoration-none SFBold11_13 py-3 px-2"
            href="tel:{{ $agent->profile->phone }}">
            <i class="fa-solid fa-phone-volume"></i>
            {{ $agent->profile->phone }}
        </a>

        @php
            $mon = '';
            $priceTypeFrom = 'price_buy_from';
            $priceTypeTo = 'price_buy_to';

            if ($demand->property_for == 'Rent') {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }

            if ($demand->property_for == 'للايجار') {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }

            if ($demand->property_for == 'Buy & Rent' && $demand->demandPropertyTypes[0]->$priceTypeFrom == null) {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }

            if ($request->property_for == 'Rent') {
                $request_for = 'Rent-Request';
            } else {
                $request_for = 'Buy';
            }
        @endphp

        <a rel="nofollow"
            class="whatsApp-Icon text-decoration-none SFBold11_13 py-3 px-2"
            href="https://api.whatsapp.com/send?phone=+2{{ $agent->profile->phone }}&text=@lang('site.Hello'), %0A @lang('site.wouldLikeR') %0A @foreach ($demand->demandPropertyTypes as $key => $part) @lang('site.type:') {{ $part->propertyTypes->label }} %0A @lang('site.price:') {{ $part->$priceTypeFrom . '-' . $part->$priceTypeTo }} {{ $part->price_buy_currency ?? $part->price_rent_currency }} {{ $mon }} %0A @endforeach @foreach ($demand->locations as $loc) @lang('site.location:') {{ $loc->compound->name ?? '' }} , {{ $loc->city->name ?? '' }} %0A @endforeach @lang('site.Link:') https://nileestate.com/en/{{ $request_for }}/{{ $request->demand->slug_en }} %0A @lang('site.anyChange')">
            <i class="fa-brands fa-whatsapp" style="font-size:14px"></i>
            @lang('site.WhatsAppMe')
        </a>

        <a rel="nofollow"
            class="emailIcon text-decoration-none SFBold11_13 py-3 px-2"
            href="mailto:{{ $agent->email }}">
            <i class="fa-regular fa-envelope" style="font-size:14px"></i>
            @lang('site.Email')
        </a>

    @endif
</div>
                    </div>
                </div>
            @else
<div class="d-flex flex-column flex-lg-row justify-content-between bg-white p-4 mb-4 rounded mx-auto request-card">
    <div class="row mt-3 w-100">
        <div class="col-12 p-0">

            <p class="text-red item_id SF16_18Bold-lg mb-2">
                @lang('site.Request_Id'): {{ $demand->id }}
            </p>

            <div class="mb-3">
                <h1 class="SF20_24Bold-Important text-3b3b3b mb-0">
                    {{$demand->metadata->title ?? __('site.property_type')}}
                </h1>
            </div>

        </div>
                        <div class="d-flex">
                          <!-- Location لوحدها -->
<div class="row mt-3">
    <div class="col-12 p-0">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg d-flex align-items-center">
            <img loading="lazy" src="{{ asset('new_theme/marker.svg') }}" alt="marker">
            <span class="mx-2">@lang('site.Location')</span>
        </div>

        @if(!empty($demand->locations[0]))
            <p class="SF16_19Medium text-707070 mb-0">
                {{ $demand->locations[0]->country->name ?? '' }}
                {{ '/' . $demand->locations[0]->governorate->name ?? '' }}
                @lang('site.In') : {{ $demand->locations[0]->city->name ?? '' }}
            </p>
        @endif
    </div>
</div>

                        </div>


<div class="row mt-3">

    <div class="col-12 col-lg-2 m-0 p-0 text-center">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg">
            @lang('site.Property_Type')
        </div>
        @if(!empty($demand->property_types->first()->label))
            <p class="SF16_19Medium text-3b3b3b mb-0">
                {{ $demand->property_types->first()->label }}
            </p>
        @endif
    </div>

    <div class="col-12 col-lg-2 m-0 p-0 text-center">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg">
            @lang('site.Property_For')
        </div>
        @if(!empty($demand->property_for))
            <p class="SF16_19Medium text-3b3b3b mb-0">
                @lang('site.'.$demand->property_for)
            </p>
        @endif
    </div>

    @php
        $propertyType = $demand->demandPropertyTypes->first();
    @endphp

    @if(($propertyType->surface_area_from ?? 0) > 0 || ($propertyType->surface_area_to ?? 0) > 0)
    <div class="col-12 col-lg-2 m-0 p-0 text-center">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg">
            @lang('site.Spaces')
        </div>
        <p class="SF16_19Medium text-3b3b3b mb-0">
            {{ $propertyType->surface_area_from ?? '' }} -
            {{ $propertyType->surface_area_to ?? '' }}
            @lang('site.SqFt')
        </p>
    </div>
    @endif

    @if(($propertyType->floor_no_to ?? 0) > 0)
    <div class="col-12 col-lg-2 m-0 p-0 text-center">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg">
            @lang('site.Floor_No_to')
        </div>
        <p class="SF16_19Medium text-3b3b3b mb-0">
            {{ $propertyType->floor_no_to }}
        </p>
    </div>
    @endif

    @if(($price_from ?? 0) > 0 || ($price_to ?? 0) > 0)
    <div class="col-12 col-lg-2 m-0 p-0 text-center">
        <div class="text-blue mb-2 SF14_16Medium SF18_21Medium-lg">
            @lang('site.client_budget')
        </div>

        <div class="d-flex align-items-center justify-content-center gap-2">

            @if(($price_from ?? 0) > 0)
                <p class="SF16_19Medium text-red mb-0">
                    {{ $price_from }} {{ $currency }}
                </p>
            @endif

            @if(($price_from ?? 0) > 0 && ($price_to ?? 0) > 0)
                <i class="fa-solid fa-arrow-right-arrow-left text-light-blue" style="font-size:12px;"></i>
            @endif

            @if(($price_to ?? 0) > 0)
                <p class="SF16_19Medium text-red mb-0">
                    {{ $price_to }} {{ $currency }}
                </p>
            @endif

        </div>
    </div>
    @endif

</div>

                        <!-- @if ($demand->metadata->description)
                            <p class="SF14_16Medium SF18_21Medium-lg text-3b3b3b">
                                {{ __('site.newrequest_desc') }}
                            </p>
                            <div class="request_description">
                                {!! $demand->metadata->description !!}
                            </div>
                        @endif -->
                    </div>
                    <div class="col-5">
                        <div class="d-lg-flex flex-column justify-content-lg-between h-100">
                            <div class="mb-3">
                                @if(!empty($demand->locations[0]->city->name))
                                    <a class='bg-customGray py-2 px-3 SF13_15Bold SF16_19Regular-lg text-white text-decoration-none' href="{{ route('site.request-'.str_replace(' ','-',$demand->locations[0]->city->name)) }}">{{ $demand->locations[0]->city->name ?? '' }}</a>
                                @endif
                            </div>

                            <div class="mt-lg-4">
                                <div class="text-blue text-uppercase SFBold14_16 SF18_21Medium-lg fw-bold">
                                    @lang('site.Agent')
                                </div>
                                <div class="my-3 d-flex justify-content-around align-items-center">
                                    <div class="col-4">
                                        @if ($agent->id)
                                            <a rel="nofollow" href="{{ route('site.agent-details', $agent->id) }}">
                                                <img loading="lazy" width="90" height="90"
                                                    src="{{ $agent->profile->full_profile_photo ?? asset('new_theme/image_notfound.webp') }}"
                                                    alt="{{ $agent->username ?? 'image' }}" class="rounded-circle objectCustom">
                                            </a>
                                        @endif
                                    </div>
                                    <div class="col-8 px-0">
                                        @if ($agent->id)
                                            <a rel="nofollow" href="{{ route('site.agent-details', $agent->id) }}"
                                                class="SFHeavy18_21 text-3b3b3b text-decoration-none">
                                                {{ $agent->username }}
                                            </a>
                                        @endif
                                        <p class="SFRegular15_18 text-3b3b3b m-0">
                                            @lang('site.agent')
                                        </p>
                                    </div>
                                </div>
                                <div class="my-3 d-flex flex-column flex-lg-row justify-content-around align-items-center gap-2">
    @if ($agent->profile->phone != null)
        <a rel="nofollow" href="#"
            class="reveal_number showNumberCustom w-100 w-lg-auto text-decoration-none SFBold11_13 py-3 px-1 text-center">
            <i class="fa-solid fa-phone-volume"></i>
            @lang('site.Call')
            <input class="url" type="hidden" value="{{ route('site.addclick') }}" hidden>
            <input class="type" type="hidden" value="request" hidden>
            <input class="pr_id" type="hidden" value="{{ $demand->id }}" hidden>
            <input class="phone_clicks" type="hidden" value="{{ $_SERVER['REMOTE_ADDR'] }}"
                hidden>
        </a>

        <a rel="nofollow"
            class="reveal_number-phone showNumberCustom2 w-100 w-lg-auto text-decoration-none SFBold11_13 py-3 px-1 text-center"
            href="tel:{{ $agent->profile->phone }}">
            <i class="fa-solid fa-phone-volume"></i> {{ $agent->profile->phone }}
        </a>

        @php
            $mon = '';
            $priceTypeFrom = 'price_buy_from';
            $priceTypeTo = 'price_buy_to';
            if ($demand->property_for == 'Rent') {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }
            if ($demand->property_for == 'للايجار') {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }
            if ($demand->property_for == 'Buy & Rent' && $demand->demandPropertyTypes[0]->$priceTypeFrom == null) {
                if (LaravelLocalization::getCurrentLocale() == 'en') {
                    $mon = '/month';
                }
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $mon = '/شهر';
                }
                $priceTypeFrom = 'price_rent_from';
                $priceTypeTo = 'price_rent_to';
            }
            if ($demand->property_for == 'Rent') {
                $request_for = 'Rent-Request';
            } else {
                $request_for = 'Buy';
            }
        @endphp

        <a rel="nofollow" class="whatsApp-Icon w-100 w-lg-auto text-decoration-none SFBold11_13 py-3 px-1 text-center"
            href="https://api.whatsapp.com/send?phone=+2{{ $agent->profile->phone }}&text=@lang('site.Hello'), %0A @lang('site.wouldLikeR') %0A @foreach ($demand->demandPropertyTypes as $key => $part) @lang('site.type:') {{ $part->propertyTypes->label }} %0A @lang('site.price:') {{ $part->$priceTypeFrom . '-' . $part->$priceTypeTo }} {{ $part->price_buy_currency ?? $part->price_rent_currency }} {{ $mon }} %0A @endforeach @foreach ($demand->locations as $loc) @lang('site.location:') {{ $loc->compound->name ?? '' }} , {{ $loc->city->name ?? '' }} %0A @endforeach @lang('site.Link:') https://nileestate.com/en/{{ $request_for }}/{{ $demand->slug_en }} %0A @lang('site.anyChange')">
            <i class="fa-brands fa-whatsapp" style="font-size: 14px"></i> @lang('site.WhatsAppMe')
        </a>

        <a rel="nofollow" class="emailIcon w-100 w-lg-auto text-decoration-none SFBold11_13 py-3 px-1 text-center"
            href="mailto:{{ $agent->email }}">
            <i class="fa-regular fa-envelope" style="font-size: 14px"></i> @lang('site.Email')
        </a>
    @endif
</div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <div class="">
                <p class="text-blue SFBlack22_26">@lang('site.similar_requests')</p>
                <div>
                    @include('site.template.similarRequest', ['requests' => $related_requests])
                </div>
            </div>
            <div class="d-lg-flex flex-lg-row-reverse justify-content-lg-between">
                <div class="w-lg-48">
                    <div class="rounded bg-white my-3 p-3 d-none">
                        <p class="SFBlack22_26 text-blue">@lang('site.How Do Requests Works'):</p>
                        <div class="bg-dark rounded">
                            <img loading="lazy" class="w-100 rounded" 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="w-100 w-lg-48 @if(app()->getLocale() == 'ar') ps-3 @else pe-3 @endif">
                    <div class="rounded 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>
                            @include('site.pages.forms.contactAgentForm',[
                                'gtoken' => 'gtokenmai',
                                'title' => $demand->metadata->title,
                                'agent' => $demand->request_owner->agent,
                                'demand' => $demand,
                                'request' => $demand->demandPropertyTypes[0],
                            ])
                        </div>
                    </div>
                </div>
            </div>
            <div class="line my-4 mx-lg-2"></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 p-4 changeLink w-100 text-start">
    {!! $content !!}
</div>
                    @endif
                @endif
            </div>
        </div>
    </div>
@endsection
@section('script')
<style>

/* ===== MOBILE FIX FOR DESKTOP REQUEST CARD ===== */

@media (max-width:768px){

/* الكارت كله */
.request-card{
    flex-direction:column !important;
    padding:20px 15px !important;
}

/* العمود اليمين (agent section) */
.request-card .col-5{
    width:100% !important;
    max-width:100% !important;
    margin-top:25px;
}

/* صف التفاصيل */
.request-card .row.mt-3{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

/* عناصر التفاصيل */
.request-card .row.mt-3 > div{
    flex:0 0 48%;
    max-width:48%;
    text-align:center;
}

/* location يرجع عرض كامل */
.request-card .row.mt-3 .col-12{
    flex:0 0 100%;
    max-width:100%;
    text-align:left;
}

/* عنوان الطلب */
.request-card h1{
    font-size:18px;
    line-height:1.4;
}

/* agent info */
.request-card .my-3.d-flex.justify-content-around{
    justify-content:flex-start !important;
    gap:15px;
}

/* أزرار الاتصال */
.request-card .my-3.d-flex.flex-column.flex-lg-row{
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:8px;
}

.request-card .my-3.d-flex.flex-column.flex-lg-row a{
    flex:1 1 calc(50% - 8px);
    text-align:center;
    font-size:13px;
    padding:10px 6px;
    border-radius:8px;
}

}

/* ===== IPAD FIX FOR DESKTOP REQUEST CARD ===== */
@media (min-width:769px) and (max-width:1024px){

    /* الكارت كله */
    .request-card{
        flex-direction:column !important;
        padding:25px 20px !important;
    }

    /* العمود اليمين (agent section) */
    .request-card .col-5{
        width:100% !important;
        max-width:100% !important;
        margin-top:20px;
    }

    /* صف التفاصيل */
    .request-card .row.mt-3{
        display:flex;
        flex-wrap:wrap;
        gap:15px;
    }

    /* عناصر التفاصيل */
    .request-card .row.mt-3 > div{
        flex:0 0 48%;
        max-width:48%;
        text-align:center;
    }

    /* location يرجع عرض كامل */
    .request-card .row.mt-3 .col-12{
        flex:0 0 100%;
        max-width:100%;
        text-align:left;
    }

    /* عنوان الطلب */
    .request-card h1{
        font-size:20px;
        line-height:1.4;
    }

    /* agent info: ضبط الصورة والمعلومات لتكون قريبة */
    .request-card .my-3.d-flex.justify-content-around{
        justify-content:flex-start !important;
        align-items:center;       /* محاذاة عمودية للصورة والمعلومات */
        gap:10px;                /* قللنا المسافة بين الصورة والمعلومات */
        flex-wrap:wrap;           /* لو ضاق المكان تتحرك للمسطرة التالية */
    }

    .request-card .my-3.d-flex.justify-content-around .agent-photo{
        flex:0 0 auto;            /* الصورة ما تكبرش */
    }

    .request-card .my-3.d-flex.justify-content-around .agent-info{
        flex:1 1 auto;            /* المعلومات تاخد باقي المساحة */
    }

    /* أزرار الاتصال */
    .request-card .my-3.d-flex.flex-column.flex-lg-row{
        flex-direction:row !important;
        flex-wrap:wrap;
        gap:10px;
    }

    .request-card .my-3.d-flex.flex-column.flex-lg-row a{
        flex:1 1 calc(48% - 10px);
        text-align:center;
        font-size:14px;
        padding:12px 8px;
        border-radius:8px;
    }

}

/* زر البحث على الموبايل والآيباد يساوي عرض select */
@media (max-width:1024px){
    .search-area .col-md-6 .btn.btn-primary {
        width: 50% !important;       /* نفس عرض select */
        padding: 12px 0 !important;  /* زي زرار التليفون */
        font-size: 16px !important;
        border-radius: 8px !important;
    }

    .search-area .col-md-6 .propertyType {
        width: 50% !important;       /* للتأكيد */
    }

    .search-area .col-md-6 {
        display: flex;
        gap: 10px;                   /* مسافة بين الـ select والزرار */
    }
}

@media (max-width:1024px){
    .search-area .col-md-6 .btn.btn-primary {
        height: auto;        /* يلغي أي ارتفاع ثابت */
        padding: 0;          /* نشيل padding الزيادة */
        min-height: 0;       /* يلغي أي حد أدنى */
        font-size: 16px !important;
        border-radius: 8px !important;
    }

    .search-area .col-md-6 .propertyType {
        height: 44px; /* مثال: ارتفاع الـ select */
    }

    .search-area .col-md-6 .btn.btn-primary {
        height: 44px; /* نخلي الزرار نفس ارتفاع الـ select */
    }
}

/* ===== زرار الاتصال العام على الموبايل ===== */
@media (max-width:768px) {
    .my-3.d-flex.align-items-center.gap-2.flex-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: space-between; /* يوزع الزراير متساوي */
    }

    .my-3.d-flex.align-items-center.gap-2.flex-wrap a {
        flex: 0 0 48%;        /* كل زرار ياخد حوالي نصف العرض */
        max-width: 48%;        /* يمنع التكبير */
        text-align: center;    /* يحط الايقونة والنص في النص */
        font-size: 14px;       /* حجم مناسب للموبايل */
        padding: 10px 0;       /* ارتفاع موحد */
        border-radius: 8px;    /* شكل حلو للزرار */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;              /* مسافة بين الايقونة والنص */
        box-sizing: border-box;
    }

    .my-3.d-flex.align-items-center.gap-2.flex-wrap a i {
        font-size: 16px;       /* حجم الايقونات */
    }
}

/* ===== للتابلت ===== */
@media (min-width:769px) and (max-width:1024px) {
    .my-3.d-flex.align-items-center.gap-2.flex-wrap a {
        flex: 0 0 30%;         /* 3 زرار في الصف */
        max-width: 30%;
        padding: 12px 0;
        font-size: 15px;
    }
}



    </style>
    <script>
        $(".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');
          });
        });
    </script>
@endsection