@extends('../../master_layout/website_master')

@section('custom_css')
<!-- WhatsApp -->
<link rel="stylesheet" href="{{asset('public/frontend_assets/plugins/whatsapp/njt-whatsapp.css')}}">
@endsection

@section('content')

@if (session('errors'))
<div class="alert alert-danger alert-dismissible">
    @foreach($errors->all() as $message)
    <li class="text-danger">{{$message}}</li>
    @endforeach
</div>
@endif

<!-- Search Area -->
<section class="filter-one">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <form method="get">
                    <div class="content">
                        <div class="col-md col-md-2">
                            <!--<select class="custom-select w-100" name="search[gender]">
                                <option value="F" {{(isset($search['gender']) && $search['gender'] == 'F')?'selected':''}}>Female escorts</option>
                                <option value="M" {{(isset($search['gender']) && $search['gender'] == 'M')?'selected':''}}>Male escorts</option>
                                <option value="T" {{(isset($search['gender']) && $search['gender'] == 'T')?'selected':''}}>Shemale escorts</option>
                            </select>-->
                            @php
                            $title_callgirls = "Call Girls";
                                if(isset($search['gender']) && $search['gender'] == 'F') {
                                    $gendertitle = 'Female';
                                    if(Config::get('customtitles.title_callgirls_female') !=''){
                                        $title_callgirls = Config::get('customtitles.title_callgirls_female');
                                    }
                                } else if(isset($search['gender']) && $search['gender'] == 'M') {
                                    $gendertitle = 'Male';
                                    if(Config::get('customtitles.title_callgirls_male') !=''){
                                        $title_callgirls = Config::get('customtitles.title_callgirls_male');
                                    }
                                } else if(isset($search['gender']) && $search['gender'] == 'T') {
                                    $gendertitle = 'Shemale';
                                    if(Config::get('customtitles.title_callgirls_shemale') !=''){
                                        $title_callgirls = Config::get('customtitles.title_callgirls_shemale');
                                    }
                                } else {
                                    $gendertitle = 'All';
                                    if(Config::get('customtitles.title_callgirls_common') !=''){
                                        $title_callgirls = Config::get('customtitles.title_callgirls_common');
                                    }                                    
                                }
                                
                            @endphp
                            <div class="dropdown w-100 dropdown-gender">
                                <button class="btn dropdown-toggle w-100 btn-gender-dropdown" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    {{$gendertitle}} escorts
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item {{(isset($search['gender']) && $search['gender'] == 'all')?'active':''}}"  href="{{url('escorts-from/'.$search_string.'?search[gender]=all')}}" >All escorts</a>
                                    <!--<a class="dropdown-item {{(empty($search['gender']))?'active':''}}" href="{{url('escorts-from/'.$search_string)}}">Female escorts</a>-->
                                    <a class="dropdown-item {{(isset($search['gender']) && $search['gender'] == 'F')?'active':''}}" href="{{url('escorts-from/'.$search_string.'?search[gender]=F')}}">Female escorts</a>
                                    <a class="dropdown-item {{(isset($search['gender']) && $search['gender'] == 'M')?'active':''}}" href="{{url('escorts-from/'.$search_string.'?search[gender]=M')}}">Male escorts</a>
                                    <a class="dropdown-item {{(isset($search['gender']) && $search['gender'] == 'T')?'active':''}}" href="{{url('escorts-from/'.$search_string.'?search[gender]=T')}}">Shemale escorts</a>
                                </div>
                                <input type="hidden" name="search[gender]" value="{{(isset($search['gender']) && $search['gender'] != '')?$search['gender']:''}}">
                            </div>
                        </div>
                        <div class="col-md col-md-3 typeahead-country-wrapper">
                            <input type="text" name="search_location" id="search_location" value="{{ (isset($search_city->city_name) && $search_city->city_name != '')?$search_city->city_name.', ':'' }}{{ (isset($search_country->country_name) && $search_country->country_name != '')?$search_country->country_name:'' }}" class="form-control autocomplete" autocomplete="off">
                        </div>
                        
                        <div class="col-md col-md-1">
                            <div class="btn-sec">
                                <a href="javascript:void(0)" class="modal-btn btn btn-white" data-toggle="modal" data-target="#advanceSearchModal">
                                    <i class="fa fa-plus"></i>
                                </a>
                                <!--<button class="btn btn-main">
                                    <i class="fa fa-search"></i> Search
                                </button>-->
                            </div>
                        </div>

                        <!-- breadcrumb -->
                        <div class=" ml-0 ml-md-4 ml-lg-auto pt-1">                        
                        @php
                        $offering_service_name = '';
                        if(!empty($search_service) && isset($search_service->service_name) && $search_service->service_name !=''){
                            $offering_service_name = $search_service->service_name;
                        }
                        $escort_url = 'Escorts Offering '.$offering_service_name.' Services ';
                        if($geolocation_string !=''){ $escort_url .= $geolocation_string; }
                        $breadcrumb = array(
                            array('title'=>$escort_url, 'url'=>'', 'active'=>'1')
                        );
                        @endphp
                        @include('website_view.component.breadcrumb',  compact("breadcrumb"))                        
                        <!-- \breadcrumb --> 
                    </div>
                </form>
            </div>
           
        </div>
    </div>
</section>
<!-- \Search Area -->

<!-- Display City, Location, Area selection -->
<!-- \Display City, Location, Area selection -->

<!-- Banner One -->
<!--<section class="banner-one">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content" style="background-image: url('{{asset('public/frontend_assets/images/banner/1.jpg')}}');">
                    <h1>Porn is best live!</h1>
                    <a href="#" class="btn btn-main">
                        <i class="fa mr-2 fa-play flicker"></i> Join live shows
                    </a>
                    <small>*cam models don't offer escort services</small>
                </div>
            </div>
        </div>
    </div>
</section>-->

<!-- Escort List One -->
<section class="escort-list-one mt-4">
    <div class="container-fluid">
        <div class="row gap-y-2">
        
            
            <div class="col-lg-12 col-md-12">
                               <div class="left-sec">
                    
                    <div class="heading-one">
                        <h1>Escorts Offering {{$offering_service_name}} Services @if($geolocation_string !='') {{ $geolocation_string }} @endif</h1>                        
                    </div>                    

                    @if(isset($listprofiles) && $listprofiles['total_escorts'] > 0)
                    @if(isset($plans) && !empty($plans))
                        @foreach($plans as $plan)
                            @if(isset($listprofiles[$plan->plan_id]) && !empty($listprofiles[$plan->plan_id]))
                            <div class="heading-one text-center plan-head-{{$plan->plan_id}} escort-list">
                                <h1>{{ $plan->plan_name}} Escorts & {{$title_callgirls}} @if($geolocation_string !='') {{ $geolocation_string }} @endif</h1>
                            </div>
                            
                            <ul class="escort-items {{strtolower($plan->plan_name)}}-list plan-{{$plan->plan_id}} escort-list">
                                @foreach($listprofiles[$plan->plan_id] as $profile)
                                    @include('website_view.component.profile-card', $profile)
                                @endforeach
                            </ul>  
                            @endif
                        @endforeach
                    @endif
                    @else
                    <div class="auto-load text-center mt-3 box-one">                        
                        <h5>Are you an escort @if($geolocation_string !='') {{ $geolocation_string }} @endif?  Create your escort profile today and get listed.</h5>
                        <h6>VIP Listing Guarantees you a spot in @if(isset($search_country->country_name) && $search_country->country_name !=''){{$search_country->country_name}}@endif listing page and A VIP Tag on your profile for Best Visibility MAXIMUM EXPOSURE as an escort in @if(isset($search_country->country_name) && $search_country->country_name !=''){{$search_country->country_name}}@endif.</h6>                        
                        <div class="btn-sec mt-2">
                            <a href="{{route('register.advertiser')}}" class="btn btn-main">Register now <i class="fa fa-arrow-right"></i></a>
                        </div>
                    </div>
                    @endif
                    
                </div>
            </div>            

        </div>

        <!-- Data Loader -->
        <!--<div class="auto-load text-center  mt-5">
            <svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px" y="0px" height="60" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
                <path fill="#fff"
                    d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
                    <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
                        from="0 50 50" to="360 50 50" repeatCount="indefinite" />
                </path>
            </svg>
        </div>-->

        @if($geolocation_description !='')
        <div class="row">
            <div class="col-12 text-center mt-5">
                <p>
                    {!! $geolocation_description !!}
                </p>
            </div>
        </div>
        @endif

    </div>
</section>

<!-- Advanced Search Modal -->
<div class="modal fade modal-one" id="advanceSearchModal" role="dialog" aria-labelledby="advanceSearchModalLabel" aria-hidden="true">
    <form method="get">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="advanceSearchModalLabel">Advanced Search</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="row align-items-center mx-0 gap-y-1">
                        
                        <div class="col-md-3">                            
                            <div class="form-group">
                                <label for="">Currency</label>
                                <select class="custom-select" name="search[currency]" style="width: 100% !important;">
                                    <option value="">All</option>
                                    @foreach($currencies as $currency)
                                    <option value="{{$currency->currency_id}}" >
                                        {{$currency->currency_code}}  ({{$currency->currency_symbol}})
                                    </option>
                                    @endforeach
                                </select>
                            </div>                            
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">Price</label>
                                <input type="text" class="form-control" value="{{(isset($search['price']) && $search['price'] != '')? $search['price']:''}}" name="search[price]" placeholder="Price">
                            </div>                            
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Services</label>
                                <select class="custom-select multiselect" name="search[service][]" multiple>
                                    <option value="">All Services</option>
                                    @foreach($services as $service)
                                    <option value="{{$service->service_id}}" {{((isset($search['service']) && in_array($service->service_id, $search['service'])))?'selected':''}}>{{$service->service_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="">Name</label>
                                <input type="text" name="search[name]" class="form-control"  value="{{(isset($search['name']) && $search['name'] != '')? $search['name']:''}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="">Nationality</label>
                                <select name="search[country]" class="custom-select">
                                    @if(isset($nationality) && !empty($nationality))
                                        <option value="">Any</option>
                                        @foreach($nationality as $national)
                                        <option value="{{$national->country_id}}" {{((isset($search['country']) && $search['country'] == $national->country_id))?'selected':''}}>{{$national->nationality_name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="">Languages</label>
                                <select class="custom-select multiselect" name="search[language][]" multiple="multiple">
                                    <option value="">Any</option>
                                    @if(isset($languages) && !empty($languages))
                                        @foreach($languages as $lang)
                                        <option value="{{$lang->language_id}}" {{((isset($search['language']) && in_array($lang->language_id, $search['language'])))?'selected':''}}>{{$lang->language_name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Orientation</label>
                                <select name="search[orientation]" class="custom-select">
                                    <option value="">Any</option>
                                    <option value="H" {{((isset($search['orientation']) && $search['orientation'] == 'H'))?'selected':''}}>Heterosexual</option>
                                    <option value="B" {{((isset($search['orientation']) && $search['orientation'] == 'B'))?'selected':''}}>Bisexual</option>
                                    <option value="G" {{((isset($search['orientation']) && $search['orientation'] == 'G'))?'selected':''}}>Lesbian or Gay</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Ethnicity</label>
                                <select name="search[ethnicity]" class="custom-select">
                                    <option value="">Any</option>
                                    @if(isset($ethnicities) && !empty($ethnicities))
                                        @foreach($ethnicities as $ethnicity)
                                        <option value="{{$ethnicity->ethnicity_id}}" {{((isset($search['ethnicity']) && $search['ethnicity'] == $ethnicity->ethnicity_id))?'selected':''}}>{{$ethnicity->ethnicity_name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Bust size</label>
                                <select name="search[bust]" class="custom-select">
                                    <option value="">Any</option>
                                    <option value="Small" {{((isset($search['bust']) && $search['bust'] == 'Small'))?'selected':''}}>Small bust</option>
                                    <option value="Medium" {{((isset($search['bust']) && $search['bust'] == 'Medium'))?'selected':''}}>Medium bust</option>
                                    <option value="Large" {{((isset($search['bust']) && $search['bust'] == 'Large'))?'selected':''}}>Large bust</option>
                                    <option value="Extra Large" {{((isset($search['bust']) && $search['bust'] == 'Extra Large'))?'selected':''}}>Extra Large bust</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Age</label>
                                <div class="form-inline">
                                    <select name="search[age_from]" class="custom-select">
                                        <option value="">from</option>
                                        @for($age=18;$age<=30;$age++) 
                                        <option value="{{$age}}" {{((isset($search['age_from']) && $search['age_from'] == $age))?'selected':''}}>{{$age}}</option>
                                        @endfor
                                    </select>
                                    <select name="search[age_to]" class="custom-select">
                                        <option value="">to</option>
                                        @for($age=18;$age<=30;$age++) 
                                        <option value="{{$age}}" {{((isset($search['age_to']) && $search['age_to'] == $age))?'selected':''}}>{{$age}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Height (cm)</label>
                                <div class="form-inline">
                                    <select name="search[height_from]" class="custom-select">
                                        <option value="">from</option>
                                        <option value="140" {{((isset($search['height_from']) && $search['height_from'] == '140'))?'selected':''}}>140</option>
                                        <option value="150" {{((isset($search['height_from']) && $search['height_from'] == '150'))?'selected':''}}>150</option>
                                        <option value="160" {{((isset($search['height_from']) && $search['height_from'] == '160'))?'selected':''}}>160</option>
                                        <option value="170" {{((isset($search['height_from']) && $search['height_from'] == '170'))?'selected':''}}>170</option>
                                        <option value="180" {{((isset($search['height_from']) && $search['height_from'] == '180'))?'selected':''}}>180</option>
                                    </select>
                                    <select name="search[height_to]" class="custom-select">
                                        <option value="">to</option>
                                        <option value="140" {{((isset($search['height_to']) && $search['height_to'] == '140'))?'selected':''}}>140</option>
                                        <option value="150" {{((isset($search['height_to']) && $search['height_to'] == '150'))?'selected':''}}>150</option>
                                        <option value="160" {{((isset($search['height_to']) && $search['height_to'] == '160'))?'selected':''}}>160</option>
                                        <option value="170" {{((isset($search['height_to']) && $search['height_to'] == '170'))?'selected':''}}>170</option>
                                        <option value="180" {{((isset($search['height_to']) && $search['height_to'] == '180'))?'selected':''}}>180</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Shaved</label>
                                <select name="search[is_shaved]" class="custom-select">
                                    <option value="">Any</option>
                                    <option value="N" {{((isset($search['is_shaved']) && $search['is_shaved'] == 'N'))?'selected':''}}>No</option>
                                    <option value="P" {{((isset($search['is_shaved']) && $search['is_shaved'] == 'P'))?'selected':''}}>Partially</option>
                                    <option value="Y" {{((isset($search['is_shaved']) && $search['is_shaved'] == 'Y'))?'selected':''}}>Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 px-2">
                            <div class="form-group m-0">
                                <label for="">Hair color</label>
                                <select name="search[hair_color]" class="custom-select">
                                    <option value="">Any</option>
                                    <option value="Blonde" {{((isset($search['hair_color']) && $search['hair_color'] == 'Blonde'))?'selected':''}}>Blonde</option>
                                    <option value="Black" {{((isset($search['hair_color']) && $search['hair_color'] == 'Black'))?'selected':''}}>Black</option>
                                    <option value="Brunette" {{((isset($search['hair_color']) && $search['hair_color'] == 'Brunette'))?'selected':''}}>Brunette</option>
                                    <option value="Red" {{((isset($search['hair_color']) && $search['hair_color'] == 'Red'))?'selected':''}}>Red</option>
                                    <option value="Other" {{((isset($search['hair_color']) && $search['hair_color'] == 'Other'))?'selected':''}}>Others</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-8 px-2">
                            <div class="inline-list">
                                <label class="checkbox-one">Incalls
                                    <input name="search[incalls]" value="1" type="checkbox" {{((isset($search['incalls']) && $search['incalls'] == '1'))?'checked':''}}>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox-one">Outcalls
                                    <input name="search[outcalls]" value="1" type="checkbox" {{((isset($search['outcalls']) && $search['outcalls'] == '1'))?'checked':''}}>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox-one">Non-smoker
                                    <input name="search[is_smoke]" value="1" type="checkbox" {{((isset($search['is_smoke']) && $search['is_smoke'] == '1'))?'checked':''}}>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox-one">With reviews
                                    <input name="search[with_review]" value="1" type="checkbox" {{((isset($search['with_review']) && $search['with_review'] == '1'))?'checked':''}}>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-main">
                        <i class="fa fa-search"></i> Search
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<!-- \Advanced Search Modal -->

<!-- WhatsApp chat script -->
<div id="wa"></div>
<!-- \WhatsApp chat script -->
@endsection

@section('custom_js')
<!-- WhatsApp -->
<script src="{{asset('public/frontend_assets/plugins/whatsapp/njt-whatsapp.js')}}"></script>

<!-- AJAX profile listing load -->
<script>
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip(options);   
    });

    var search_countryname = '';
    search_countryname = '{{ (isset($search_city->city_name) && $search_city->city_name != '')?$search_city->city_name.', ':'' }}';
    search_countryname = search_countryname + '{{ (isset($search_country->country_name) && $search_country->country_name != '')?$search_country->country_name:'' }}';

    $("#search_location").click(function(){
        if($("#search_location").val() !=''){
            $('#search_location').typeahead('val','');
        }
    }); 
    $("#search_location").blur(function(){
        if($("#search_location").val() ==''){
            $("#search_location").val(search_countryname);
        }
    });
    $(document).on("click", ".phoneModal", function() {
        advertiser_id = $(this).attr( "data-escort" );
        $.ajax({
            type: "get",
            url: '{{route("get.advertiser.contact.number")}}',
            dataType: "json",
            data: {
                'advertiser_id': advertiser_id,
                'subpage': 'L',
            },
            success: function(response) {
                return true;
            }
        });
    });

    //WhatsApp chat script
    @if(!empty($search_country) && isset($search_country->whatsapp_enable) && $search_country->whatsapp_enable == '1')
    var widgetOption = {
            gdprStatus: "",
            accounts: [{
                    "accountId": 1,
                    "accountName": "{{$search_country->whatsapp_accountname}}",
                    "avatar": "",
                    "number": "{{$search_country->whatsapp_number}}",
                    "title": "Support",
                    "predefinedText": "Chat on WhatsApp [njwa_page_title] in page: [njwa_page_url]",
                    "willBeBackText": "I will be back in [njwa_time_work]",
                    "dayOffsText": "I will be back soon",
                    "isAlwaysAvailable": "ON",
                    "daysOfWeekWorking": {
                        "sunday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "monday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "tuesday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "wednesday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "thursday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "friday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        },
                        "saturday": {
                            "isWorkingOnDay": "ON",
                            "workHours": [{
                                "startTime": "00:01",
                                "endTime": "23:59"
                            }]
                        }
                    }
                }                
            ],
            options: {
                "display": {
                    "showOnDesktop": "ON",
                    "showOnMobile": "ON",
                    "time_symbols": "h:m"
                },
                "styles": {
                    "title": "Start a Conversation",
                    "responseText": "The team typically replies in a <strong>few minutes</strong>.",
                    "description": "Hi! Click one of our member below to chat on <strong>WhatsApp</strong>",
                    "backgroundColor": "#2db742",
                    "textColor": "#fff",
                    "scrollHeight": "500",
                    "isShowScroll": "OFF",
                    "isShowResponseText": "OFF",
                    "isShowPoweredBy": "ON",
                    "btnLabel": "Need Help? <strong>Chat with us</strong>",
                    "btnLabelWidth": "156",
                    "btnPosition": "right",
                    "btnLeftDistance": "30",
                    "btnRightDistance": "30",
                    "btnBottomDistance": "30",
                    "isShowBtnLabel": "ON",
                    "isShowGDPR": "OFF",
                    "gdprContent": "Please accept our <a href=\"https://ninjateam.org/privacy-policy/\">privacy policy</a> first to start a conversation.",
                    "widgetType": "expandable"
                },
                "analytics": {
                    "enabledGoogle": "OFF",
                    "enabledFacebook": "OFF",
                    "enabledGoogleGA4": "OFF"
                },
            },
            timezone: "+03:00",
            defaultAvatar: `<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                <path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0
                                S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/>
                                <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662
                                c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234
                                c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/>
                                <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297
                                c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048
                                c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359
                                c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248
                                c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062
                                l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/>
                            </svg>`,
            urlSettings: {
                "onDesktop": "api",
                "onMobile": "api",
                "openInNewTab": "ON"
            }
        }

        document.addEventListener("DOMContentLoaded", function() {
            njtWhatsApp.ready(function() {
                // #wa is the element we created in step 1.
                njtWhatsApp.createWidget(document.querySelector("#wa"), widgetOption);
            })
        });
        @endif

    //var ENDPOINT = "{{ url('/') }}";
    /*var page = 1;
    var currenturl = $(location).attr('href');
    
    if(currenturl.indexOf('&') != -1 || currenturl.indexOf('?') != -1){
        currenturl = currenturl+"&page=";
    } else {
        currenturl = currenturl+"/?page=";
    }

    $(".escort-list").hide();

    checkWindowSize();

    // Check if the page has enough content or not. If not then fetch records
    function checkWindowSize(){
        if($(window).height() >= $(document).height()){
            // Fetch records
            page++;
            infinteLoadMore(page);
        }
    }

    $(document).on('touchmove', onScroll); // for mobile
       
    function onScroll(){
        var position = $(window).scrollTop() + 200;
        var bottom = $(document).height() - $(window).height();
        //alert(position+"----"+bottom);
        if(position >= bottom) {
            page++;
            infinteLoadMore(page);
        }
    }

    $(window).scroll(function(){
        onScroll();
    });


    infinteLoadMore(page);    

    function infinteLoadMore(page) {  
        
        $.ajax({
                @php 
                //url: ENDPOINT + "/listing/{{$search_string}}?page=" + page,
                @endphp
                //url: currenturl+ page,
                url: currenturl,
                datatype: "html",
                type: "get",
                beforeSend: function () {
                    $('.auto-load').show();
                }
            })
            .done(function (response) {
                if (response.length == 0) {
                    $('.auto-load').html("We don't have more data to display :(");
                    return;
                }
                $('.auto-load').hide();
                $.each(response, function(key, value) {
                    $(".plan-"+key).show();
                    $(".plan-head-"+key).show();
                    $(".plan-"+key).append(value);
                })
                //$("#data-wrapper").append(response);
                $('[data-toggle="tooltip"]').tooltip();  

                // Check if the page has enough content or not. If not then fetch records
                //checkWindowSize();
            })
            .fail(function (jqXHR, ajaxOptions, thrownError) {
                console.log('Server error occured');
            });
    }*/
</script>
<!-- \AJAX profile listing load -->
@endsection