@extends('site.layouts.master')
@section('title')
    <title>
        {{ $project->compound->name }}
    </title>
@endsection
@section('seoTags')
  @seoTags()
@endsection
@php
    $seo = SEO\Models\Page::where('path',URL::full())->first();
@endphp

@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
 <link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
<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/projects/'.$project->slug_ar}}@else{{'https://nileestate.com/en/projects/'.$project->slug_en}}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@section('content')
<div class="d-none">
    {{ Breadcrumbs::render('compound',$project) }}
</div>
{!! $breadcrumbSchema !!}
    <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 ($project->compound->governorate->name)
                            <a class="time_text SF16_19Light text-decoration-none"
                                href="{{ url('/' . app()->getLocale() . '/govs/' . urlencode(str_replace(' ', '-', $project->compound->governorate->name))) }}">{{ $project->compound->governorate->name }}</a>
                        @endif
                        @if ($project->compound->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(' ', '-', $project->compound->governorate->name)) . '/' . urlencode(str_replace(' ', '-', $project->compound->city->name))) }}">{{ $project->compound->city->name }}</a>
                        @endif
                    </p>
                </div>
                <div class="time_font SF13_15Regular-lg text-707070">
                    @if (app()->getLocale() == 'ar')
                        {{ \Carbon\Carbon::createFromDate($project->updated_at)->translatedFormat('M d ' . __('site.at') . ' h:i A') }}
                    @else
                        {{ \Carbon\Carbon::createFromDate($project->updated_at)->translatedFormat('M d \a\t h:i A') }}
                    @endif
                </div>
            </div>
        </div>
        <div class="d-block d-lg-none customWidth">
            <img class="w-100"
                src="@if ($project->images->first()) {{ $project->images->first()->full_url }} @else {{ asset('new_theme/image_notfound.webp') }} @endif"
                alt="{{ $project->images->first()->meta ?? 'image' }}" class="w-100" loading="lazy">
        </div>
        <div class="d-none d-lg-flex images_height customWidth">
            <div class="col-8 rounded-3">
                <img class="w-100 h-100 rounded-3 img-fluid"
                    src="@if ($project->images->first()) {{ $project->images->first()->full_url }} @else {{ asset('new_theme/image_notfound.webp') }} @endif"
                    alt="{{ $project->images->first()->meta ?? 'image' }}" loading="lazy">
            </div>
            <div class="col-4 d-flex flex-wrap">
                @foreach ($project->images as $i => $image)
                    @if(!str_contains($image->url,'.pdf'))
                        @if ($loop->last)
                            <a href="" class="col-2 px-2 SF19_23Bold text-decoration-none text-white" style="height: 100%"
                                onclick="event.preventDefault()" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                <div class="h-100 rounded-3 d-flex justify-content-center align-items-center"
                                    style="background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url({{ $image->full_url }});background-size:cover;">
                                    <span style="transform: rotate(-180deg);writing-mode:tb-rl;">@lang('site.more_images')</span>
                                </div>
                            </a>
                            <!-- Modal -->
                            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog h-100" role="document" style="max-width:none;margin:0;">
                                    <div class="modal-content h-100 bg-dark">
                                        <div class="modal-header border-0">
                                            <button type="button" class="close bg-transparent border-0" data-bs-dismiss="modal"
                                                aria-label="Close">
                                                <span aria-hidden="true" class="text-white h3 my-0">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff"
                                                class="swiper mySwiper2 vh-80 col-8">
                                                <div class="swiper-wrapper">
                                                    @foreach ($project->images as $i => $image)
                                                        @if(!str_contains($image->url,'.pdf'))
                                                            <div class="swiper-slide">
                                                                <img class="w-100 h-100 rounded-3 objectFit" src="{{ $image->full_url }}" />
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                </div>
                                                <div class="swiper-button-next"></div>
                                                <div class="swiper-button-prev"></div>
                                            </div>
                                            <div thumbsSlider="" class="swiper mySwiper h-auto">
                                                <div class="swiper-wrapper">
                                                    @foreach ($project->images as $i => $image)
                                                        @if(!str_contains($image->url,'.pdf'))
                                                            <div class="swiper-slide">
                                                                <img loading="lazy" class="m-2 rounded-3 w-100" src="{{ $image->full_url }}"
                                                                    style="height:95px" />
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @elseif ($loop->iteration != 1 && $loop->iteration < 5)
                            <div class="col-2 px-2" style="height: 100%">
                                <img class="rounded-3 w-100 h-100 objectCustom"
                                    src="@if ($image->full_url) {{ $image->full_url }} @else {{ asset('new_theme/image_notfound.webp') }} @endif"
                                    alt="{{ $image->meta ?? 'image' }}" loading="lazy">
                            </div>
                        @endif
                    @endif
                @endforeach
            </div>
        </div>
        <div class="customWidth my-3">
            <div class="d-lg-flex justify-content-lg-between">
                <div class="col-12 col-lg-8 @if(app()->getLocale() == 'ar') ps-lg-3 @else pe-lg-3 @endif">
                    <div class="shadow-sm p-3 rounded-3 bg-white mb-3">
                        <p class="time_text SF22_26Regular-lg text-3b3b3b">
                            @if ($project->compound->city->name)
                                <span>{{ $project->compound->city->name }}</span>
                            @endif
                            @if ($project->compound->governorate->name)
                                <span>, {{ $project->compound->governorate->name }}</span>
                            @endif
                        </p>
                        <p class="SF26_31Bold SF40_48Bold-lg text-3b3b3b">{{ $project->compound->name }} @lang('site.In') {{ $project->compound->city->name }} @lang('site.By') {{ $project->compound->developer->name }}</p>
                        <div class="owl-carousel">
                            @foreach($project->propertyTypes as $propertyType)
                                <div class="rounded-3 border-e2e2e2 homePageRequestBackground p-3" style="width:300px !important">
                                    <p class="SF18_21Bold text-blue mb-3">@if(!$propertyType->pivot->property_sub_type_id) {{ $propertyType->label }} @else @foreach($propertyType->subtype as $subtype) @if($propertyType->pivot->property_sub_type_id == $subtype->id) {{ $subtype->sub_type_name }} @endif @endforeach @endif</p>
                                    <div class="d-flex flex-wrap justify-content-between">
                                        <div class="w-480">
                                            <p class="SF12_14Regular text-3b3b3b">@lang('site.Starting Price')</p>
                                            <p class="SF16_19Bold fw-bold text-3b3b3b"><span class="price-commas">{{ $propertyType->pivot->starting_price }}</span> @lang('site.EGP')</p>
                                        </div>
                                        <div class="w-480">
                                            <p class="SF12_14Regular text-3b3b3b">@lang('site.Area From')</p>
                                            <p class="SF16_19Bold fw-bold text-3b3b3b">{{ $propertyType->pivot->area_from }} @lang('site.SqFt')</p>
                                        </div>
                                        <div class="w-480">
                                            <p class="SF12_14Regular text-3b3b3b">@lang('site.Down Payment')</p>
                                            <p class="SF16_19Bold fw-bold text-3b3b3b"><span class="price-commas">{{ $propertyType->pivot->down_payment }}</span> @lang('site.EGP')</p>
                                        </div>
                                        <div class="w-480">
                                            <p class="SF12_14Regular text-3b3b3b">@lang('site.installments')</p>
                                            <p class="SF16_19Bold fw-bold text-3b3b3b">{{ $propertyType->pivot->quarterly_installment }} @lang('site.Quarter')</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="d-lg-none shadow-sm p-3 rounded-3 bg-white mb-3">
                        <div class="d-flex justify-content-between align-items-center">
                            <p class="home_property_title SF22_26Bold-lg m-0">@lang('site.Starting Price')</p>
                            <div class="position-relative">
                                <a rel="nofollow" title="@lang('site.share')" href="#"
                                    class="text-d1d1d1 text-decoration-none overlay-link" id="share_plugin"
                                    onclick="event.preventDefault();">
                                    <i class="fa fa-share-nodes"></i>
                                </a>
                                <div class="share_container col-12">
                                    <ul class="share-buttons row">
                                        <li><a rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=&quote="
                                                title="Share
                                                on Facebook"
                                                target="_blank"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center bg-blue rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;"
                                                onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&quote=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-2x fa-facebook share_click"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow" href="https://twitter.com/intent/tweet?source=&text=:%20"
                                                target="_blank" title="Tweet"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#1d9bf0;"
                                                onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20'
                                                + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-x-twitter share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=&source="
                                                target="_blank" title="Share on LinkedIn"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#007bb6;"
                                                onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' +  encodeURIComponent(document.title)); return false;">
                                                <i class="fa-brands fa-linkedin share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://pinterest.com/pin/create/bookmarklet/?url={{ url()->current() }}"
                                                target="_blank" title="Share on Pinterest"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#c00;"
                                                onclick="window.open('https://pinterest.com/pin/create/bookmarklet/?url=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-pinterest share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://mail.google.com/mail/?view=cm&to=&su=&body={{ url()->current() }}"
                                                target="_blank" title="Share With Gmail"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#e8e0e0ad;"
                                                onclick="window.open('https://mail.google.com/mail/?view=cm&to=&su=&body='
                                                + encodeURIComponent(document.URL)); return false;">
                                                {{-- <i class="fa fa-gmail share_click text-white" aria-hidden="true"></i> --}}
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/gmail.webp') }}" alt="gmail">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://www.tumblr.com/widgets/share/tool?canonicalUrl={{ url()->current() }}"
                                                target="_blank" title="Share on Tumblr"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#141422;"
                                                onclick="window.open('https://www.tumblr.com/widgets/share/tool?canonicalUrl=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-tumblr share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow" href="mailto:?subject=&body=:%20" target="_blank"
                                                title="Send email"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center bg-secondary mx-1"
                                                style="width:30px;height:30px;"
                                                onclick="window.open('mailto:?subject=' + encodeURIComponent(document.title) + '&body=' +  encodeURIComponent(document.URL)); return false;">
                                                <i class="fa fa-envelope share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://www.facebook.com/dialog/send?app_id=593493732712505&link={{ url()->current() }}&redirect_uri=https://www.nileestate.com/en/"
                                                target="_blank" title="Share With Massenger"
                                                class="text-decoration-none my-1 d-none d-md-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#fff;"
                                                onclick="window.open('https://www.facebook.com/dialog/send?app_id=593493732712505&link='
                                                + encodeURIComponent(document.URL)
                                                + '&redirect_uri=https://www.nileestate.com/en/') ; return false;">
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/messenger.webp') }}" alt="messenger">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow" href="fb-messenger://share/?link={{ url()->current() }}"
                                                target="_blank" title="Share With Massenger"
                                                class="text-decoration-none my-1 d-flex d-md-none justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#fff;"
                                                onclick="window.open('fb-messenger://share/?link=' + encodeURIComponent(document.URL)); return false;">
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/messenger.webp') }}" alt="messenger">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow" href="#" target="_blank" title="Print"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center bg-secondary mx-1"
                                                style="width:30px;height:30px;" onclick="window.print()">
                                                <i class="fa fa-print text-white" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <input id="share_url" type="hidden" value="{{ route('site.share_count') }}" hidden>
                                <input id="share_propert_id" type="hidden" value="{{ $project->id }}" hidden>
                                <a rel="nofollow" title="@lang('site.favourite')" role="button"
                                    data-id="{{ $project->id }}"
                                    class="text-d1d1d1 overlay-link {{ $project->favorites->first() ? ' red_color' : '' }}  favoriteButton">
                                    <i class="fa fa-heart"></i>
                                </a>
                            </div>
                        </div>
                        <p class="property-page-price"><span class="price-commas">{{ $project->starting_price_primery }}</span> @lang('site.EGP')</p>
                        <p class="SF16_19Bold text-9b9b9b">@lang('site.Down Payment'):</p>
                        <p class="property-page-price text-707070"><span class="price-commas">{{ $project->down_payment ?? '1' }}</span> @lang('site.EGP')</p>
                    </div>
                    <div class="d-lg-none shadow-sm p-3 rounded-3 bg-white mb-3">
                        <p class="home_property_title SF22_26Bold-lg m-0 text-red mb-3">@lang('site.Contact_Us')</p>
                        <div class="d-flex justify-content-between align-items-center">
                            @if ($agent->profile->phone != null)
                                <a rel="nofollow" href="#"
                                    class="reveal_number showNumberCustom col-4 text-decoration-none SFBold11_13 py-3 px-1">
                                    <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="property" hidden>
                                    <input class="pr_id" type="hidden" value="{{ $project->id }}" hidden>
                                    <input class="phone_clicks" type="hidden" value="{{ $_SERVER['REMOTE_ADDR'] }}"
                                        hidden>
                                </a>
                                <a rel="nofollow"
                                    class="reveal_number-phone showNumberCustom2 col-4 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="tel:{{ $agent->profile->phone }}">
                                    <i class="fa-solid fa-phone-volume"></i> {{ $agent->profile->phone }}
                                </a>
                                <a rel="nofollow"
                                    class="whatsApp-Icon col-4 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="https://api.whatsapp.com/send?phone=+2{{ $agent->profile->phone }}&text=@lang('site.Hello'), %0A @lang('site.wouldLike') %0A {{ $project->compound->name }} @lang('site.compound') %0A @lang('site.Link:') https://nileestate.com/en/projects/{{ $project->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 col-3 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="mailto:{{ $agent->email }}">
                                    <i class="fa-regular fa-envelope" style="font-size: 14px"></i> @lang('site.Email')
                                </a>
                            @endif
                        </div>
                    </div>
                    <div class="">
                        <div class="card border-0 shadow-box my-3 pt-3 pb-4 px-2">
                            <div class="d-lg-flex justify-content-lg-between">
                                <div>
                                    <div class="d-lg-flex justify-content-between">
                                        <p class="light_blue SFBlack22_26 text-capitalize">@lang('site.Project Information')</p>
                                        @if(!empty($project->brochure_id))
                                            <div class="d-none d-lg-block col-lg-3">
                                                @if (app()->getLocale() == 'en')
                                                    <div class="showingButton mt-2">
                                                        <a href="{{ $project->brochure->full_url }}"
                                                            class="search_form_button_custom py-3 px-1 text-decoration-none rounded-3">@lang('site.brochure')</a>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                    <div class="copy_right SF20_24Regular-lg text-9b9b9b my-3">
                                        {!! $project->description !!}
                                    </div>
                                </div>
                                @if(!empty($project->brochure_id))
                                    <div class="d-lg-none">
                                        @if (app()->getLocale() == 'en')
                                            <div class="showingButton mt-4">
                                                <a href="{{ route('site.brochure', $project->brochure_id) }}"
                                                    class="search_form_button py-3 px-1 text-decoration-none rounded-3">@lang('site.brochure')</a>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>
                        @if(!empty($project->payment_plans))
                        <div class="card border-0 shadow-box my-3 pt-3 pb-4 px-2">
                            <p class="light_blue SFBlack22_26 text-uppercase">@lang('site.Payment Plans')</p>
                            <div class="owl-carousel">
                                @php $plan= new stdClass(); @endphp
                                @foreach($project->payment_plans??[] as $plan)
                                    <div class="rounded-3 border-e2e2e2 homePageRequestBackground py-3 px-5">
                                        <p class="SF22_26Black text-3b3b3b text-center">{{ $plan->down_payment ?? '10%' }}</p>
                                        <p class="time_text text-3b3b3b text-center">@lang('site.Down Payment')</p>
                                        <p class="SF22_26Black text-3b3b3b text-center">{{ $plan->installment_years ?? '8' }} @lang('site.Years')</p>
                                        <p class="time_text text-3b3b3b text-center">@lang('site.Original Plan')</p>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                        @if (!empty($project->map_url))
                            <div class="card border-0 shadow-box my-3 p-2">
                                <p class="light_blue SFBlack22_26 text-uppercase">@lang('site.Location')</p>
                                <div class="text-center rounded-3 child_control">
                                    {!! $project->map_url !!}
                                </div>
                            </div>
                        @endif
                        @if ($project->facilities()->count())
                            <div class="card border-0 shadow-box my-3 p-2">
                                <p class="light_blue SFBlack22_26 text-uppercase">@lang('site.PropertyFeatures')</p>
                                <div class="d-flex flex-wrap justify-content-around">
                                    @foreach ($project->facilities as $feature)
                                        <div class="col-3 m-2 text-center">
                                            <div>
                                                <img loading="lazy" src="{{ asset('../new_theme/features/' . $feature->name_en . '.svg') }}"
                                                    alt="{{ $feature->name_en }}">
                                            </div>
                                            <p class="m-0 SFBold12_14 text-3b3b3b text-wrap">{{ $feature->name }}</p>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="d-lg-none card border-0 shadow-box my-3 px-2 py-3">
                        <div class="bg-light mx-auto col-11 px-0 py-1 d-flex justify-content-around rounded-2">
                            <button id="showing_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 rounded-3 active_tab"><small>@lang('site.schudle_showing')</small></button>
                            <button id="info_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 border-0 rounded-3 "><small>@lang('site.request_info')</small></button>
                            <button id="offer_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 border-0 rounded-3 "><small>@lang('site.make_offer')</small></button>
                        </div>
                        <div class="showForm tab_content pt-2">
                            <p class="m-0 text-3b3b3b SFRegular15_18 px-4">@lang('site.Choose a Prefer time to you'):</p>
                            <form action="{{ route('admin.showing.store') }}" class="showingForm text-center"
                                method="POST">
                                @csrf
                                <input type="hidden" id="gtokenSH" name="gToken">
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    {{-- <button id="left1" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-left"></i>
                                    </button> --}}
                                    <div id="request_showing_carousel" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($i = 1; $i < 15; $i++)
                                            <div id="{{ $i }}"
                                                class="post1 rounded-3 border home_property_title p-3 mx-2 bg-light text-707070"
                                                @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('l', strtotime(today() . '+ ' . $i . ' day')))</p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    {{ date('d', strtotime(today() . '+ ' . $i . ' day')) }}
                                                </p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('M', strtotime(today() . '+ ' . $i . ' day')))</p>
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <input id='date1' name="date" type="text" value="{{ old('date') }}"
                                    hidden readonly>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    <div id="request_time_carousel" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($j = 10; $j < 14; $j++)
                                            @php
                                                if (!isset($noon)) {
                                                    $noon = false;
                                                }
                                                if ($j == 12 && $noon == false) {
                                                    $noon = true;
                                                }
                                            @endphp
                                            @php
                                                if ($j == 11 && $noon == true) {
                                                    break;
                                                }
                                            @endphp
                                            @php
                                                if ($j == 13) {
                                                    $j = 1;
                                                }
                                            @endphp
                                            @if ($noon == true)
                                                @php $t = __('site.pm'); @endphp
                                            @else
                                                @php $t = __('site.am'); @endphp
                                            @endif

                                            <div id="{{ $j }}"
                                                class="postTime1 px-4 py-2 border rounded-3 mx-2 bg-light text-707070 home_property_title"
                                                @if (old('time') == $j . ' ' . $t) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (old('time') == $j . ' ' . $t) style="color:#fff;" @endif>
                                                    {{ $j . ' ' . $t }}</p>
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <input id='time1' name="time" type="text" value="{{ old('time') }}"
                                    hidden readonly>
                                <p class="m-0 text-3b3b3b SFRegular15_18 text-start px-4">
                                    @lang('site.second_date')<small>(@lang('site.optional'))</small></p>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    <div id="request_showing_carousel2"
                                        class="px-0 col-10 my-1 owl-carousel owl-theme" data-toggle="buttons">
                                        @for ($i = 2; $i < 15; $i++)
                                            <div id="{{ $i }}"
                                                class="post2 rounded-3 border home_property_title p-3 mx-2 bg-light text-707070"
                                                @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('l', strtotime(today() . '+ ' . $i . ' day')))</p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    {{ date('d', strtotime(today() . '+ ' . $i . ' day')) }}
                                                </p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('M', strtotime(today() . '+ ' . $i . ' day')))</p>
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <input id='date2' name="date2" type="text" value="{{ old('date2') }}"
                                    hidden readonly>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    <div id="request_time_carousel2" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($a = 10; $a < 14; $a++)
                                            @php
                                                if (!isset($noon2)) {
                                                    $noon2 = false;
                                                }
                                                if ($a == 12 && $noon2 == false) {
                                                    $noon2 = true;
                                                }
                                            @endphp
                                            @php
                                                if ($a == 11 && $noon2 == true) {
                                                    break;
                                                }
                                            @endphp
                                            @php
                                                if ($a == 13) {
                                                    $a = 1;
                                                }
                                            @endphp
                                            @if ($noon2 == true)
                                                @php $c = __('site.pm'); @endphp
                                            @else
                                                @php $c = __('site.am'); @endphp
                                            @endif
                                            <div id="{{ $a }}"
                                                class="postTime2 px-4 py-2 border rounded-3 mx-2 bg-light text-707070 home_property_title"
                                                @if (old('time2') == $a . ' ' . $c) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (old('time2') == $a . ' ' . $c) style="color:#fff;" @endif>
                                                    {{ $a . ' ' . $c }}</p>
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <input id='time2' name="time2" type="text" value="{{ old('time2') }}"
                                    hidden readonly>
                                <div class="d-flex flex-wrap justify-content-around align-items-center">
                                    <div id="first" title="@lang('site.inperson_quote')"
                                        class="postMethod1 border my-1 py-1 px-3 d-flex align-items-center rounded-3 SFBold12_14Bold text-707070"
                                        @if (old('method') == 'in person') style="color:#fff !important;background-color:#E82C2D;" @endif>
                                        <input type="radio" name="method" value="in person"
                                            @if (old('method') == 'in person') checked @endif><i
                                            class="mx-2 fa fa-home"></i>@lang('site.in_person')
                                    </div>
                                    <div id="second" title="@lang('site.virtual_quote')"
                                        class="postMethod1 border my-1 py-1 px-3 d-flex align-items-center rounded-3 SFBold12_14Bold text-707070"
                                        @if (old('method') == 'virtual') style="color:#fff !important;background-color:#E82C2D;" @endif>
                                        <input type="radio" name="method" value="virtual"
                                            @if (old('method') == 'virtual') checked @endif><i
                                            class="mx-2 fa fa-mobile"></i>@lang('site.virtual')
                                    </div>
                                </div>
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="title"
                                    value="{{ $project->title }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text"
                                    name="agent_email" value="{{ $agent->email }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="agent_id"
                                    value="{{ $agent->id }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text"
                                    name="property_id" value="{{ $project->id }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text"
                                    name="property_slug" value="{{ $project->slug_en }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Name')" type="text" name="name"
                                    value="{{ old('name') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Email')" type="text" name="email"
                                    value="{{ old('email') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Mobile')" type="text" name="mobile"
                                    value="{{ old('mobile') }}">
                                <div
                                    class="d-none form-group col-11 px-0 my-2 mx-auto selectvert SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070">
                                    <select class="mx-auto form-control" name="methodType">
                                        <option value="" disabled selected>Virtual Method</option>
                                        <option value="FaceTime">FaceTime</option>
                                        <option value="Google Meet">Google Meet</option>
                                        <option value="Skype">Skype</option>
                                        <option value="Zoom">Zoom</option>
                                        <option value="WhatsApp">WhatsApp</option>
                                    </select>
                                </div>
                                <div class="d-none form-group col-11 px-0 my-2 mx-auto selectvertData">
                                </div>
                                <textarea class="my-2 w-100 rounded-2 px-3 SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    name="message" id="message" cols="50" rows="1" placeholder="{{ __('site.notes') }}">{{ old('message') }}</textarea>
                                @foreach ($errors->showing->all() as $error)
                                    <p class="text-danger">{{ $error }}</p>
                                @endforeach
                                <div class="modal-footer">
                                    <a onclick="Captcha('gtokenSH')"
                                        class="bg-danger btn btn-danger SFBold14_16 SF18_21Bold-lg w-100 py-2"
                                        style="font-size: 14px;">{{ __('site.submit') }}</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtokenSH"></button>
                                </div>
                            </form>
                        </div>
                        <div class="infoForm pt-2 d-none">
                            <div class="p-2">
                                @include('site.pages.forms.contactAgentForm', [
                                    'agent' => $agent,
                                    'project' => $project,
                                    'gtoken' => 'gtokenma',
                                    'title' => $project->title,
                                ])
                            </div>
                        </div>
                        <div class="offerForm pt-2 d-none">
                            <form action="{{ route('offer.store') }}" class="showingForm text-center"
                                method="POST">
                                @csrf
                                <input type="hidden" id="gtokenSHF" name="gToken">
                                <input type="hidden" name="product_id" value="{{ $project->id }}">
                                <input type="hidden" name="product_type" value="property">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Name')" type="text" name="name"
                                    value="{{ old('name') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Mobile')" type="text" name="mobile"
                                    value="{{ old('mobile') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Email')" type="text" name="email"
                                    value="{{ old('email') }}">
                                <textarea class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    name="offer_details" id="offer_details" cols="50" rows="5"
                                    placeholder="{{ __('site.offer_details') }}">{{ old('offer_details') }}</textarea>
                                <div class="m-0 text-3b3b3b SFRegular15_18 text-start">
                                    <label>@lang('site.valid_till')</label>
                                </div>
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.valid_till')" type="date" name="valid_till"
                                    value="{{ old('valid_till') }}">
                                @foreach ($errors->offer->all() as $error)
                                    <p class="text-danger">{{ $error }}</p>
                                @endforeach
                                <div class="modal-footer">
                                    <a onclick="Captcha('gtokenSHF')"
                                        class="bg-primary btn btn-primary SFBold14_16 SF18_21Bold-lg w-100 py-2"
                                        style="font-size: 14px;">{{ __('site.Send') }}</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtokenSHF"></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="d-none d-lg-block col-12 col-lg-4 @if(app()->getLocale() == 'ar') pe-3 @else ps-3 @endif">
                    <div class="shadow-sm p-3 rounded-3 bg-white mb-3">
                        <div class="d-flex justify-content-between align-items-center">
                            <p class="home_property_title SF18_21Bold-lg m-0">@lang('site.Starting Price')</p>
                            <div class="position-relative">
                                <a rel="nofollow" title="@lang('site.share')" href="#"
                                    class="text-d1d1d1 text-decoration-none overlay-link" id="share_plugin2"
                                    onclick="event.preventDefault();">
                                    <i class="fa fa-share-nodes"></i>
                                </a>
                                <div class="share_container col-12">
                                    <ul class="share-buttons row">
                                        <li><a rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=&quote="
                                                title="Share
                                                on Facebook"
                                                target="_blank"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center bg-blue rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;"
                                                onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&quote=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-2x fa-facebook share_click"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow" href="https://twitter.com/intent/tweet?source=&text=:%20"
                                                target="_blank" title="Tweet"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#1d9bf0;"
                                                onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20'
                                                + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-x-twitter share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=&source="
                                                target="_blank" title="Share on LinkedIn"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#007bb6;"
                                                onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' +  encodeURIComponent(document.title)); return false;">
                                                <i class="fa-brands fa-linkedin share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://pinterest.com/pin/create/bookmarklet/?url={{ url()->current() }}"
                                                target="_blank" title="Share on Pinterest"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#c00;"
                                                onclick="window.open('https://pinterest.com/pin/create/bookmarklet/?url=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-pinterest share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://mail.google.com/mail/?view=cm&to=&su=&body={{ url()->current() }}"
                                                target="_blank" title="Share With Gmail"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#e8e0e0ad;"
                                                onclick="window.open('https://mail.google.com/mail/?view=cm&to=&su=&body='
                                                + encodeURIComponent(document.URL)); return false;">
                                                {{-- <i class="fa fa-gmail share_click text-white" aria-hidden="true"></i> --}}
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/gmail.webp') }}" alt="gmail">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://www.tumblr.com/widgets/share/tool?canonicalUrl={{ url()->current() }}"
                                                target="_blank" title="Share on Tumblr"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#141422;"
                                                onclick="window.open('https://www.tumblr.com/widgets/share/tool?canonicalUrl=' + encodeURIComponent(document.URL)); return false;">
                                                <i class="fa-brands fa-tumblr share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow" href="mailto:?subject=&body=:%20" target="_blank"
                                                title="Send email"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center bg-secondary mx-1"
                                                style="width:30px;height:30px;"
                                                onclick="window.open('mailto:?subject=' + encodeURIComponent(document.title) + '&body=' +  encodeURIComponent(document.URL)); return false;">
                                                <i class="fa fa-envelope share_click text-white"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                        <li><a rel="nofollow"
                                                href="https://www.facebook.com/dialog/send?app_id=593493732712505&link={{ url()->current() }}&redirect_uri=https://www.nileestate.com/en/"
                                                target="_blank" title="Share With Massenger"
                                                class="text-decoration-none my-1 d-none d-md-flex justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#fff;"
                                                onclick="window.open('https://www.facebook.com/dialog/send?app_id=593493732712505&link='
                                                + encodeURIComponent(document.URL)
                                                + '&redirect_uri=https://www.nileestate.com/en/') ; return false;">
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/messenger.webp') }}" alt="messenger">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow" href="fb-messenger://share/?link={{ url()->current() }}"
                                                target="_blank" title="Share With Massenger"
                                                class="text-decoration-none my-1 d-flex d-md-none justify-content-center align-items-center rounded-circle text-center mx-1"
                                                style="width:30px;height:30px;background-color:#fff;"
                                                onclick="window.open('fb-messenger://share/?link=' + encodeURIComponent(document.URL)); return false;">
                                                <img loading="lazy" class="mx-auto px-0 w-100"
                                                    src="{{ asset('new_theme/messenger.webp') }}" alt="messenger">
                                            </a>
                                        </li>
                                        <li><a rel="nofollow" href="#" target="_blank" title="Print"
                                                class="text-decoration-none my-1 d-flex justify-content-center align-items-center rounded-circle text-center bg-secondary mx-1"
                                                style="width:30px;height:30px;" onclick="window.print()">
                                                <i class="fa fa-print text-white" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <input id="share_url" type="hidden" value="{{ route('site.share_count') }}" hidden>
                                <input id="share_propert_id" type="hidden" value="{{ $project->id }}" hidden>
                                <a rel="nofollow" title="@lang('site.favourite')" role="button"
                                    data-id="{{ $project->id }}"
                                    class="text-d1d1d1 overlay-link {{ $project->favorites->first() ? ' red_color' : '' }}  favoriteButton">
                                    <i class="fa fa-heart"></i>
                                </a>
                            </div>
                        </div>
                        <p class="property-page-price "><span class="price-commas">{{ $project->starting_price_primery }}</span> @lang('site.EGP')</p>
                        <p class="SF16_19Bold SF18_21Bold-lg text-9b9b9b">@lang('site.Down Payment'):</p>
                        <p class="property-page-price text-707070"><span class="price-commas">{{ $project->down_payment ?? '1' }}</span> @lang('site.EGP')</p>
                    </div>
                    <div class="shadow-sm p-3 rounded-3 bg-white mb-3">
                        <p class="home_property_title SF18_21Bold-lg m-0 text-red mb-3">@lang('site.Contact_Us')</p>
                        <div class="d-flex justify-content-between align-items-center">
                            @if ($agent->profile->phone != null)
                                <a rel="nofollow" href="#"
                                    class="reveal_number showNumberCustom col-4 text-decoration-none SFBold11_13 py-3 px-1">
                                    <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="property" hidden>
                                    <input class="pr_id" type="hidden" value="{{ $project->id }}" hidden>
                                    <input class="phone_clicks" type="hidden" value="{{ $_SERVER['REMOTE_ADDR'] }}"
                                        hidden>
                                </a>
                                <a rel="nofollow"
                                    class="reveal_number-phone showNumberCustom2 col-4 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="tel:{{ $agent->profile->phone }}">
                                    <i class="fa-solid fa-phone-volume"></i> {{ $agent->profile->phone }}
                                </a>
                                <a rel="nofollow"
                                    class="whatsApp-Icon col-4 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="https://api.whatsapp.com/send?phone=+2{{ $agent->profile->phone }}&text=@lang('site.Hello'), %0A @lang('site.wouldLike') %0A {{ $project->compound->name }} @lang('site.compound') %0A @lang('site.Link:') https://nileestate.com/en/projects/{{ $project->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 col-3 text-decoration-none SFBold11_13 py-3 px-1"
                                    href="mailto:{{ $agent->email }}">
                                    <i class="fa-regular fa-envelope" style="font-size: 14px"></i> @lang('site.Email')
                                </a>
                            @endif
                        </div>
                    </div>
                    <div class="card border-0 shadow-box my-3 px-2 py-3">
                        <div class="bg-light mx-auto px-0 py-1 d-flex justify-content-around rounded-2">
                            <button id="showing_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 rounded-3 active_tab"><small>@lang('site.schudle_showing')</small></button>
                            <button id="info_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 border-0 rounded-3 "><small>@lang('site.request_info')</small></button>
                            <button id="offer_tab"
                                class="bg-transparent text-707070 SFBold12_14Bold py-2 px-1 my-0 mx-2 border-0 rounded-3 "><small>@lang('site.make_offer')</small></button>
                        </div>
                        <div class="showForm tab_content pt-2">
                            <p class="m-0 text-3b3b3b SFRegular15_18 px-3">@lang('site.Choose a Prefer time to you'):</p>
                            <form action="{{ route('admin.showing.store') }}" class="showingForm text-center"
                                method="POST">
                                @csrf
                                <input type="hidden" id="gtokenSH" name="gToken">
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    {{-- <button id="left1" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-left"></i>
                                    </button> --}}
                                    <div id="request_showing_carousel" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($i = 1; $i < 15; $i++)
                                            <div id="{{ $i }}"
                                                class="post1 rounded-3 border home_property_title p-3 bg-light text-707070 "
                                                @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('l', strtotime(today() . '+ ' . $i . ' day')))</p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    {{ date('d', strtotime(today() . '+ ' . $i . ' day')) }}
                                                </p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('M', strtotime(today() . '+ ' . $i . ' day')))</p>
                                            </div>
                                        @endfor
                                    </div>
                                    {{-- <button id="right1" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-right"></i>
                                    </button> --}}
                                </div>
                                <input id='date1' name="date" type="text" value="{{ old('date') }}" hidden
                                    readonly>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    {{-- <button id="left2" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-left"></i>
                                    </button> --}}
                                    <div id="request_time_carousel" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($j = 10; $j < 14; $j++)
                                            @php
                                                if (!isset($noon3)) {
                                                    $noon3 = false;
                                                }
                                                if ($j == 12 && $noon3 == false) {
                                                    $noon3 = true;
                                                }
                                            @endphp
                                            @php
                                                if ($j == 11 && $noon3 == true) {
                                                    break;
                                                }
                                            @endphp
                                            @php
                                                if ($j == 13) {
                                                    $j = 1;
                                                }
                                            @endphp
                                            @if ($noon3 == true)
                                                @php $t = __('site.pm'); @endphp
                                            @else
                                                @php $t = __('site.am'); @endphp
                                            @endif
                                            <div id="{{ $j }}"
                                                class="postTime1 px-4 py-2 border rounded-3 bg-light text-707070 home_property_title "
                                                @if (old('time') == $j . ' ' . $t) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (old('time') == $j . ' ' . $t) style="color:#fff;" @endif>
                                                    {{ $j . ' ' . $t }}</p>
                                            </div>
                                        @endfor
                                    </div>
                                    {{-- <button id="right2" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-right"></i>
                                    </button> --}}
                                </div>
                                <input id='time1' name="time" type="text" value="{{ old('time') }}" hidden
                                    readonly>
                                <p class="m-0 text-3b3b3b SFRegular15_18 text-start px-3">
                                    @lang('site.second_date')<small>(@lang('site.optional'))</small></p>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    {{-- <button id="left3" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-left"></i>
                                    </button> --}}
                                    <div id="request_showing_carousel2" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($i = 2; $i < 15; $i++)
                                            <div id="{{ $i }}"
                                                class="post2 rounded-3 border home_property_title p-3 bg-light text-707070 "
                                                @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('l', strtotime(today() . '+ ' . $i . ' day')))</p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    {{ date('d', strtotime(today() . '+ ' . $i . ' day')) }}
                                                </p>
                                                <p class="d-inline-block p-0 m-0"
                                                    @if (date('d-m-Y', strtotime(old('date2'))) == date('d-m-Y', strtotime(today() . '+ ' . $i . ' day'))) style="color:#fff;" @endif>
                                                    @lang('site.' . date('M', strtotime(today() . '+ ' . $i . ' day')))</p>
                                            </div>
                                        @endfor
                                    </div>
                                    {{-- <button id="right3" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-right"></i>
                                    </button> --}}
                                </div>
                                <input id='date2' name="date2" type="text" value="{{ old('date2') }}" hidden
                                    readonly>
                                <div class="form-group d-flex justify-content-around"
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar') dir="ltr" @endif>
                                    {{-- <button id="left4" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-left"></i>
                                    </button> --}}
                                    <div id="request_time_carousel2" class="px-0 col-10 my-1 owl-carousel owl-theme"
                                        data-toggle="buttons">
                                        @for ($a = 10; $a < 14; $a++)
                                            @php
                                                if (!isset($noon4)) {
                                                    $noon4 = false;
                                                }
                                                if ($a == 12 && $noon4 == false) {
                                                    $noon4 = true;
                                                }
                                            @endphp
                                            @php
                                                if ($a == 11 && $noon4 == true) {
                                                    break;
                                                }
                                            @endphp
                                            @php
                                                if ($a == 13) {
                                                    $a = 1;
                                                }
                                            @endphp
                                            @if ($noon4 == true)
                                                @php $c = __('site.pm'); @endphp
                                            @else
                                                @php $c = __('site.am'); @endphp
                                            @endif
                                            <div id="{{ $a }}"
                                                class="postTime2 px-4 py-2 border rounded-3 bg-light text-707070 home_property_title "
                                                @if (old('time2') == $a . ' ' . $c) style="background-color:#91d3ff;" @endif>
                                                <p class="p-0 m-0"
                                                    @if (old('time2') == $a . ' ' . $c) style="color:#fff;" @endif>
                                                    {{ $a . ' ' . $c }}</p>
                                            </div>
                                        @endfor
                                    </div>
                                    {{-- <button id="right4" type="button"
                                        class="bg-transparent border-0">
                                        <i class="fa fa-2x fa-angle-right"></i>
                                    </button> --}}
                                </div>
                                <input id='time2' name="time2" type="text" value="{{ old('time2') }}" hidden
                                    readonly>
                                <div class="d-flex flex-wrap justify-content-around align-items-center">
                                    <div id="first" title="@lang('site.inperson_quote')"
                                        class="postMethod1 border my-1 py-1 px-3 d-flex align-items-center rounded-3 SFBold12_14Bold text-707070"
                                        @if (old('method') == 'in person') style="color:#fff !important;background-color:#E82C2D;" @endif>
                                        <input type="radio" name="method" value="in person"
                                            @if (old('method') == 'in person') checked @endif><i
                                            class="mx-2 fa fa-home"></i>@lang('site.in_person')
                                    </div>
                                    <div id="second" title="@lang('site.virtual_quote')"
                                        class="postMethod1 border my-1 py-1 px-3 d-flex align-items-center rounded-3 SFBold12_14Bold text-707070"
                                        @if (old('method') == 'virtual') style="color:#fff !important;background-color:#E82C2D;" @endif>
                                        <input type="radio" name="method" value="virtual"
                                            @if (old('method') == 'virtual') checked @endif><i
                                            class="mx-2 fa fa-mobile"></i>@lang('site.virtual')
                                    </div>
                                </div>
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="title"
                                    value="{{ $project->title }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="agent_email"
                                    value="{{ $agent->email }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="agent_id"
                                    value="{{ $agent->id }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="property_id"
                                    value="{{ $project->id }}">
                                <input class="my-2 col-11 mx-auto form-control" hidden type="text" name="property_slug"
                                    value="{{ $project->slug_en }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Name')" type="text" name="name"
                                    value="{{ old('name') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Email')" type="text" name="email"
                                    value="{{ old('email') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Mobile')" type="text" name="mobile"
                                    value="{{ old('mobile') }}">
                                <div
                                    class="d-none form-group col-11 px-0 my-2 mx-auto selectvert SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070">
                                    <select class="mx-auto form-control" name="methodType">
                                        <option value="" disabled selected>Virtual Method</option>
                                        <option value="FaceTime">FaceTime</option>
                                        <option value="Google Meet">Google Meet</option>
                                        <option value="Skype">Skype</option>
                                        <option value="Zoom">Zoom</option>
                                        <option value="WhatsApp">WhatsApp</option>
                                    </select>
                                </div>
                                <div class="d-none form-group col-11 px-0 my-2 mx-auto selectvertData">
                                </div>
                                <textarea class="my-2 w-100 rounded-2 px-3 SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    name="message" id="message" cols="50" rows="1" placeholder="{{ __('site.notes') }}">{{ old('message') }}</textarea>
                                @foreach ($errors->showing->all() as $error)
                                    <p class="text-danger">{{ $error }}</p>
                                @endforeach
                                <div class="modal-footer">
                                    <a onclick="Captcha('gtokenSH')" class="bg-danger btn btn-danger SFBold14_16 SF18_21Bold-lg w-100 py-2"
                                        style="font-size: 14px;">{{ __('site.submit') }}</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtokenSH"></button>
                                </div>
                            </form>
                        </div>
                        <div class="infoForm pt-2 d-none">
                            <div class="p-2">
                                @include('site.pages.forms.contactAgentForm', [
                                    'agent' => $agent,
                                    'project' => $project,
                                    'gtoken' => 'gtokenma',
                                    'title' => $project->title,
                                ])
                            </div>
                        </div>
                        <div class="offerForm pt-2 d-none">
                            <form action="{{ route('offer.store') }}" class="showingForm text-center" method="POST">
                                @csrf
                                <input type="hidden" id="gtokenSHF" name="gToken">
                                <input type="hidden" name="product_id" value="{{ $project->id }}">
                                <input type="hidden" name="product_type" value="property">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Name')" type="text" name="name"
                                    value="{{ old('name') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Mobile')" type="text" name="mobile"
                                    value="{{ old('mobile') }}">
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.Email')" type="text" name="email"
                                    value="{{ old('email') }}">
                                <textarea class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    name="offer_details" id="offer_details" cols="50" rows="5"
                                    placeholder="{{ __('site.offer_details') }}">{{ old('offer_details') }}</textarea>
                                <div class="m-0 text-3b3b3b SFRegular15_18 text-start">
                                    <label>@lang('site.valid_till')</label>
                                </div>
                                <input
                                    class="my-2 col-11 mx-auto form-control SFBold12_14Light py-2 shadow-none bg-white placeholder text-707070"
                                    placeholder="@lang('site.valid_till')" type="date" name="valid_till"
                                    value="{{ old('valid_till') }}">
                                @foreach ($errors->offer->all() as $error)
                                    <p class="text-danger">{{ $error }}</p>
                                @endforeach
                                <div class="modal-footer">
                                    <a onclick="Captcha('gtokenSHF')"
                                        class="bg-primary btn btn-primary SFBold14_16 SF18_21Bold-lg w-100 py-2"
                                        style="font-size: 14px;">{{ __('site.Send') }}</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtokenSHF"></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <p class="text-center text-lg-start text-lg-blue SF22_26Black SF26_31Black-lg text-3b3b3b text-uppercase mb-3">@lang('site.Resale Properties')</p>
            <div class="d-flex flex-lg-wrap flex-column flex-lg-row justify-content-lg-between">
                @if($properties->count())
                @foreach ($properties as $relatedProperty)
                    <div class="w-1000 w-lg-30 mb-3">
                        @php
                            $price = $project->starting_price_primery;
                            $property_for = 'Sale';
                            $currency = 'EGP';
                            $mon = '';
                        @endphp
                        @include('site.template.property-horizontal', [
                            'property' => $relatedProperty,
                            'related_properties' => $properties,
                        ])
                    </div>
                @endforeach
                @else
                <p class="text-time text-red">No Records</p>
                @endif
            </div>
            <div class="text-center mt-2 mb-3 px-2">
                <small class="SFRegular15_18 text-9b9b9b">@lang('site.we_take_fraud_very')</small>
                <a class="text-red SFRegular15_18" title="@lang('site.complaint')" data-toggle="modal"
                    data-target="#exampleModal">
                    @lang('site.report_this_listing')
                </a>
            </div>
            <div class="line my-3"></div>
            <p class="SF22_26Black  text-3b3b3b text-uppercase mb-3 col-6 col-lg-4">@lang('site.Suggested Compounds')</p>
            <div class="d-flex flex-wrap align-items-center mb-5">
                @foreach ($related_compounds as $compound)
                    @if($compound->properties->first())
                        <a class="projectsSize mb-2 text-decoration-none @if(app()->getLocale() == 'ar') me-3 @else ms-3 @endif"
                            href="{{ route('site.customSearch', ['address' => $compound->name, 'location' => 'compound,' . $compound->id]) }}">
                            <div class="rounded-3 h-100 d-flex flex-lg-column justify-content-center align-items-center"
                                style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url({{ $compound->properties->first()->images->first()->full_url }});background-repeat: no-repeat;background-size: cover;">
                                <div class="">
                                    <p class="SF24_29Black text-white @if (isset($compound->project)) mt-lg-4 @endif mb-0 text-center ">{{ $compound->name }}</p>
                                </div>
                                <div class="d-none ms-lg-auto align-self-lg-end">
                                    {{-- @if (isset($compound->project)) mt-lg-auto @endif --}}
                                    @if (isset($compound->project))
                                        <div class="d-flex justify-content-end align-items-end p-2">
                                            <div>
                                                <input id="compare" type="Checkbox" name="CompareCheckbox[]" class="CompareCheckbox" value="{{ $compound->project->id }}">
                                                <label for="compare" class="SF16_19Medium-lg text-white">@lang('site.Compare')</label>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </a>
                    @endif
                @endforeach
            </div>
            <div class="line my-3"></div>
            @if ($seo != null)
                <div class="d-none d-lg-block">
                    <div class="line"></div>
                    <br>
                    @php
                        if (LaravelLocalization::getCurrentLocale() == 'ar') {
                            $content = $seo->content_ar;
                        } else {
                            $content = $seo->content;
                        }
                    @endphp
                    @if (isset($content))
                        <div id="seeDI" class="changeLink col-11 col-md-10 mx-auto text-justify">
                            {!! $content !!}
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </div>
    <div class="line d-lg-none"></div>
    @endsection
@section('script')
    <script>
        $(".share_click").on("click", function(e) {
            let url = $('#share_url').val();
            let propert = $('#share_propert_id').val();
            $.ajax({
                url: url,
                data: {
                    pr: propert
                },
                success: function(result) {
                    console.log(result);
                },
                error: function(errors) {
                    console.log(errors);
                }
            });
        });
        $(".owl-carousel").owlCarousel({
            items: 3,
            margin: 10,
            autoWidth:true,
        });
        $(document).ready(function() {
            let x = '<br />
<b>Warning</b>:  Undefined variable $errors in <b>/home/nilecp/public_html/resources/views/site/pages/compounds/compoundInfo.blade.php</b> on line <b>1217</b><br />
<br />
<b>Warning</b>:  Attempt to read property "offer" on null in <b>/home/nilecp/public_html/resources/views/site/pages/compounds/compoundInfo.blade.php</b> on line <b>1217</b><br />
';
            let y = '<br />
<b>Warning</b>:  Undefined variable $errors in <b>/home/nilecp/public_html/resources/views/site/pages/compounds/compoundInfo.blade.php</b> on line <b>1218</b><br />
';
            if (x.includes('required') || x.includes('مطلوب') || x.includes('valid') || x.includes('صالح')) {
                $('#offer_tab').click();
            }
            if (y.includes('required') || y.includes('مطلوب') || y.includes('valid') || y.includes('صالح')) {
                $('#info_tab').click();
            }
        });
        $('[id^=info_tab]').on("click", function() {
            $('[id^=showing_tab]').removeClass('active_tab');
            $('[id^=offer_tab]').removeClass('active_tab');
            $('[id^=info_tab]').addClass('active_tab');
            $('[id^=showing_tab]').addClass('border-0');
            $('[id^=offer_tab]').addClass('border-0');
            $('[id^=info_tab]').removeClass('border-0');
            $('[class^=showForm]').removeClass('tab_content');
            $('[class^=showForm]').addClass('d-none');
            $('[class^=offerForm]').removeClass('tab_content');
            $('[class^=offerForm]').addClass('d-none');
            $('[class^=infoForm]').addClass('tab_content');
            $('[class^=infoForm]').removeClass('d-none');
        });
        $('[id^=showing_tab]').on("click", function() {
            $('[id^=info_tab]').removeClass('active_tab');
            $('[id^=offer_tab]').removeClass('active_tab');
            $('[id^=showing_tab]').addClass('active_tab');
            $('[id^=info_tab]').addClass('border-0');
            $('[id^=offer_tab]').addClass('border-0');
            $('[id^=showing_tab]').removeClass('border-0');
            $('[class^=infoForm]').removeClass('tab_content');
            $('[class^=infoForm]').addClass('d-none');
            $('[class^=offerForm]').removeClass('tab_content');
            $('[class^=offerForm]').addClass('d-none');
            $('[class^=showForm]').addClass('tab_content');
            $('[class^=showForm]').removeClass('d-none');
        });
        $('[id^=offer_tab]').on("click", function() {
            $('[id^=info_tab]').removeClass('active_tab');
            $('[id^=showing_tab]').removeClass('active_tab');
            $('[id^=offer_tab]').addClass('active_tab');
            $('[id^=info_tab]').addClass('border-0');
            $('[id^=showing_tab]').addClass('border-0');
            $('[id^=offer_tab]').removeClass('border-0');
            $('[class^=infoForm]').removeClass('tab_content');
            $('[class^=infoForm]').addClass('d-none');
            $('[class^=showForm]').removeClass('tab_content');
            $('[class^=showForm]').addClass('d-none');
            $('[class^=offerForm]').addClass('tab_content');
            $('[class^=offerForm]').removeClass('d-none');
        });
        for (let i = 0; i < 8; i++) {
            $('#right' + (i + 1)).on("click", function() {
                $('.owl-next').eq(i).click();
            });
            $('#left' + (i + 1)).on("click", function() {
                $('.owl-prev').eq(i).click();
            });
        }
        for (let o = 1; o < 5; o++) {
            $('.post' + o).on("click", function(e) {
                let x = $(".post" + o).map(function() {
                    return this;
                }).get();
                x.forEach(e => {
                    // e.style = "background-color:#fff;";
                    let ch = e.children;
                    e.style = "border: 1px solid #dddddd !important;";
                    for (let k = 0; k < ch.length; k++) {
                        ch[k].style = "color:#707070;";
                    }
                });
                let int = $(this).attr('id');
                const divelement = this.children;
                this.style = "border: 1px solid #006AB3 !important;";
                divelement[0].style = "color:#3b3b3b;";
                divelement[1].style = "color:#3b3b3b;";
                divelement[2].style = "color:#3b3b3b;";
                const date = new Date();
                const wd = new Date()
                wd.setDate(date.getDate() + parseInt(int))
                let day = wd.getDate();
                let month = wd.getMonth() + 1;
                let year = wd.getFullYear();
                let Dt = `${day}-${month}-${year}`;
                $('#date' + o).val(Dt);
            });
        }
        for (let p = 1; p < 5; p++) {
            $('.postTime' + p).on("click", function(e) {
                let x = $(".postTime" + p).map(function() {
                    return this;
                }).get();
                x.forEach(e => {
                    e.style = "border: 1px solid #dddddd !important;";
                    let ch = e.children;
                    for (let v = 0; v < ch.length; v++) {
                        ch[v].style = "color:#707070;";
                    }
                });
                let int = $(this).attr('id');
                const divelement = this.children;
                this.style = "border: 1px solid #006AB3 !important;";
                divelement[0].style = "color:#3b3b3b;";
                $('#time' + p).val($(this).text());
            });
        }
        for (let u = 1; u < 3; u++) {
            $('.postMethod' + u).on("click", function(e) {
                let x = $(".postMethod" + u).map(function() {
                    return this;
                }).get();
                x.forEach(e => {
                    e.style = "background-color:#fff;color:#707070;";
                });
                this.style = "background-color:#E82C2D;color:#ffffff !important;";
                let h = $(this).attr('id');
                $('#' + h + ' input:radio').prop('checked', true);

                if ($('#' + h + ' input:radio').val() == 'virtual') {
                    $('.selectvert').removeClass('d-none');
                    $('.selectvertData').removeClass('d-none');
                } else {
                    $('.selectvert').addClass('d-none');
                    $('.selectvertData').addClass('d-none');
                }
            });
        }
        $('[name="methodType"]').on('change', function() {
            console.log($('.selectvertData'));
            if ($(this).val() == 'FaceTime') $('.selectvertData').html(
                `<input class="my-2 col-12 mx-auto form-control" placeholder="Mobile number or Apple ID" type="text" name="methodTypeData" value="{{ old('methodTypeData') }}">`
            );
            if ($(this).val() == 'Google Meet') $('.selectvertData').html(
                `<input class="my-2 col-12 mx-auto form-control" placeholder="Google Meet Mobile number" type="text" name="methodTypeData" value="{{ old('methodTypeData') }}">`
            );
            if ($(this).val() == 'Skype') $('.selectvertData').html(
                `<input class="my-2 col-12 mx-auto form-control" placeholder="Skype ID" type="text" name="methodTypeData" value="{{ old('methodTypeData') }}">`
            );
            if ($(this).val() == 'Zoom') $('.selectvertData').html(
                `<input class="my-2 col-12 mx-auto form-control" placeholder="Email" type="text" name="methodTypeData" value="{{ old('methodTypeData') }}">`
            );
            if ($(this).val() == 'WhatsApp') $('.selectvertData').html(
                `<input class="my-2 col-12 mx-auto form-control" placeholder="WhatsApp number" type="text" name="methodTypeData" value="{{ old('methodTypeData') }}">`
            );
        });
        $(".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);
                }
            });
        });
        var swiper = new Swiper(".mySwiper", {
            loop: true,
            spaceBetween: 10,
            slidesPerView: 4,
            freeMode: true,
            watchSlidesProgress: true,
        });
        var swiper2 = new Swiper(".mySwiper2", {
            loop: true,
            spaceBetween: 10,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            thumbs: {
                swiper: swiper,
            },
        });
    </script>
@endsection