@extends('layouts.master')

@section('content')

 <div class="container">
            <hr class="my-2 bg-transparent border-0">
            <div class="row">

               

                <div class="col-md-12">

				{!! Html::form('POST', url('c/post-ads'))->attributes(['id' => 'msform', 'class' => 'msform','autocomplete'=>'off'])->open() !!}


					<input type="hidden" name="insert_key" value="{{$insert_key}}">

                        <!-- progressbar -->
                        <div class="progressbar-wrapper position-relative">
                            <ul id="progressbar">
                                <li class="active" id="personal"></li>
                                <li id="photo" class=""></li>
                                <li id="promote" class=""></li>
                            </ul>
                            <div class="total-progressbar">
                                1/3
                            </div>
                        </div>
						<div class="col-md-12 mb-5">

                            <h1 class="main-title home"> {{ optionByKey('insert') }} </h1>

                        </div>

                        <div class="row">

                            <div class="col-7 d-flex align-items-start justify-content-start">

                                <h2 class="fs-5 fw-bold">{{ optionByKey('insert_ad') }}</h2>

                            </div>

                            <div class="col-5 d-flex align-items-start justify-content-end">

                                <div class="small">

                                    <sup class="astricksign">*</sup>{{ optionByKey('mandatory') }} 

                                </div>

                            </div>

                        </div>

						

                        <fieldset class="border p-3 mb-5 bg-light position-relative">

                            <div class="form-card row">                               

                                <div class="col-md-6 mb-3">

                                    <label for="category" class="form-label">* {{ optionByKey('category') }}</label>

                                    <select name="category" class="form-select" id="category">

										<option value="">{{ optionByKey('category') }}</option>  

                                    </select>                                    

                                </div>								

                                <div class="col-md-6 mb-3">

                                    <label for="cities" class="form-label">* {{ optionByKey('city') }}</label>

                                    <select name="city" class="form-select" id="cities"></select>

								</div>
	
                            </div>
							
						 <div class="form-card row"> 	
							<div class="col mb-3">

            						<div class="form-group">

            							<label for="district_id" class="form-label">* {!! optionByKey('district') !!}</label>

            							<select name="district_id" id="district_id" class="form-select">

            							   <option value="">{!! optionByKey('district') !!}</option>

            							   @foreach($districts as $key=>$district)

            									<option value="{{ $district }}">{{ $key }}</option>

            							   @endforeach 

            							   <option value="no">{!! optionByKey('idont_district') !!}</option>


            							</select>

            						</div>

            					</div>
								
							</div>	

                            <div class="form-card row"> 

                                <div class="col-md-6 mb-3">

                                    <label for="address" class="form-label">{{ optionByKey('address') }}</label>

                                   {{ html()->text('address')->class('form-control txtOnly')->autocomplete('off')->maxlength(150) }}

                                </div>

                                <div class="col-md-6 mb-3">

                                    <label for="zip" class="form-label">{{ optionByKey('zip') }}</label>

                             		 {{ html()->text('zip')->class('form-control numberOnly')->autocomplete('off')->maxlength(6) }}

                                </div>

                            </div>

                            <div class="form-card row"> 

                                <div class="col-md-12 mb-3">

                                    <label for="area" class="form-label">{{ optionByKey('area') }}</label>

                                    {{ html()->text('area')->class('form-control txtOnly')->autocomplete('off')->maxlength(150) }}

                                </div>                                

                            </div>

                        </fieldset>

                        <div class="row">

                            <div class="col-7 d-flex align-items-start justify-content-start">

                                <h2 class="fs-5 fw-bold">{{ optionByKey('post_your_data') }}

                                </h2>

                            </div>

                            <div class="col-5 d-flex align-items-start justify-content-end">

                                <div class="small">

                                    <sup class="astricksign">*</sup>{{ optionByKey('mandatory') }}

                                </div>

                            </div>

                        </div>

                        <fieldset class="border p-3 mb-5 bg-light position-relative">

                            <div class="form-card row">                               

                                <div class="col-md-4 mb-3">

                                    <label for="age" class="form-label">* <i class="icon-calendar" aria-hidden="true"></i> {{ optionByKey('age') }}</label>  

										{{ html()->text('age')->class('form-control numberOnly')->maxlength(2) }}


								</div>                                

                            </div>

                            <div class="form-card row">
                                <div class="col-md-12 mb-3">
                                    <label for="nickname" class="form-label">
                                        <sup class="astricksign">*</sup>Nick Name
                                    </label>

                                    <span class="text-muted small float-end">
                                        maximum of 20 characters
                                    </span>

                                    <input type="text" class="form-control" name="nickname" id="nickname" value="{{ $userpro->name ?? '' }}" placeholder="Enter your name or nickname" maxlength="20" autocomplete="off">
                                </div>
                            </div>                           


                            <div class="form-card row"> 

                                <div class="col-md-12 mb-3">

                                    <label for="name" class="form-label">*{{optionByKey('title')}}</label>

                                    <span class="text-muted small float-end fst-italic">

											{{ optionByKey('min_characters') }}

									</span>

									{{ html()->textarea('name')->placeholder(optionByKey('title_placeholder'))->class('form-control')->maxlength(150)->rows(3)->autocomplete('off') }}

                                 </div>

                            </div>

                            <div class="form-card row"> 

                                <div class="col-md-12 mb-3">

                                    <label for="description2" class="form-label">*{{optionByKey('text')}}</label>

                                    <span class="text-muted small float-end fst-italic">{{ optionByKey('min_20_characters') }}</span>                                    

									{{ html()->textarea('description2')->placeholder(optionByKey('desc_placeholder'))->class('form-control')->rows(4)->autocomplete('off') }}
                                    

                                </div>                                

                            </div>

                        </fieldset>

                        <div class="row">

                            <div class="col-8 d-flex align-items-start justify-content-start flex-column">

                                <h2 class="fs-5 fw-bold mb-1"> {{optionByKey('about_you')}} </h2>

                                <p class="small"><i aria-hidden="true" class="icon-info-circle pe-1"></i> {!! optionByKey('online_visible_ads') !!}</p>

                            </div>                            

                        </div>

                        <fieldset class="border p-3 mb-5 bg-light position-relative">

                            <div class="badger-right">

                                <span class="badge badge-new">new</span>

                            </div>

                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-worldwide-maps-and-flags-svgrepo-com me-2">

                                            <span class="path1"></span>

                                            <span class="path2"></span>

                                        </span>

                                       {{optionByKey('ethnicity_front')}}

                                    </div>   

                                    <div class="hiddenCB ethnicity">									

										@foreach(getServices(3) as $cb_ethnicity)

											<input type="checkbox" name="tag_ethnicity" id="{{str_replace(' ','_',$cb_ethnicity->name)}}" value="{{$cb_ethnicity->name}}">

											<label for="{{str_replace(' ','_',$cb_ethnicity->name)}}">{{$cb_ethnicity->name}}</label>								

										@endforeach									

									</div>

                                </div>

                            </div>



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-map me-2"></span>

                                       {{optionByKey('nationality_front')}}

                                    </div>   

                                    <div class="flagIcons nationality-select-drop">
                                        <select name="tag_nationality" class="form-select" class="browser-default custom-select">

                                            <option  selected="selected" value="">  {{optionByKey('select_nationality')}}
                                            </option>

                                            @foreach($nationalities as $nationality) 

                                                <option value="{{ $nationality->id }}">
                                                {{ $nationality->flag_code.' '.$nationality->name }}</option>

                                            @endforeach
                                            
                                        </select>

                                    </div>
                                </div>

                            </div>



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-breast-icon me-2"></span>

                                        {{optionByKey('brest_front')}} 

                                    </div>   

                                    <div class="hiddenCB brest">

                                       @foreach(getServices(6) as $cb_breast)

											<input type="checkbox" name="tag_breast[]" id="{{str_replace(' ','_',$cb_breast->name)}}" value="{{$cb_breast->name}}">

											<label for="{{str_replace(' ','_',$cb_breast->name)}}">{{$cb_breast->name}}</label>								

										@endforeach	

                                    </div>

                                </div>

                            </div>



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-business-woman-with-tie-icon me-2"></span>

                                        {{optionByKey('hair_front')}} 

                                    </div>   

                                    <div class="hiddenCB hair">

                                        @foreach(getServices(7) as $cb_hair)

											<input type="checkbox" name="tag_hair" id="{{str_replace(' ','_',$cb_hair->name)}}" value="{{$cb_hair->name}}">

											<label for="{{str_replace(' ','_',$cb_hair->name)}}">{{$cb_hair->name}}</label>								

										@endforeach	

                                    </div>

                                </div>

                            </div>



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-female-hips-and-waist-svgrepo-com me-2"></span>

                                        {{ optionByKey('body_type_front') }}

                                    </div>   

                                    <div class="hiddenCB bodytype">

                                        @foreach(getServices(8) as $cb_body_type)

											<input type="checkbox" name="tag_body_type" id="{{str_replace(' ','_',$cb_body_type->name)}}" value="{{$cb_body_type->name}}">

											<label for="{{str_replace(' ','_',$cb_body_type->name)}}">{{$cb_body_type->name}}</label>								

										@endforeach	

                                    </div>

                                </div>

                            </div>

                        </fieldset>



                        <div class="row position-relative">

                            <div class="col-12 d-flex align-items-start justify-content-start flex-column">

                                <h2 class="fs-5 fw-bold mb-1"> {{optionByKey('services_front')}} </h2>

                                <p class="small"><i aria-hidden="true" class="icon-info-circle pe-1"></i> {!! optionByKey('online_visible_ads') !!}</p>

                                <div class="errorDiv w-100 alert alert-warning small" role="alert" style="display:none;">

									{{optionByKey('error_service')}}

                                </div>

                            </div>

                                                        

                        </div>



                        <fieldset class="border p-3 mb-5 bg-light position-relative">

                            <div class="badger-right">

                                <span class="badge badge-new">new</span>

                            </div>

                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-heart me-2"></span>

                                         {{optionByKey('services_front')}}

                                    </div>   

									

                                    <div class="hiddenCB services-chebox">

									

									@foreach(getServices(4) as $cb_service)

										<input type="checkbox" name="tag_services[]" id="{{str_replace(' ','_',$cb_service->name)}}" value="{{$cb_service->name}}">

										<label for="{{str_replace(' ','_',$cb_service->name)}}">{{$cb_service->name}}</label>								

									@endforeach	

								  </div>

                                    

                                </div>

                            </div>                           



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-user-svgrepo-com-1 me-2"></span>

                                        {{ optionByKey('attention_to_front') }}

                                    </div>   

                                    <div class="hiddenCB attentionto">

                                        @foreach(getServices(9) as $cb_attentionto)

											<input type="checkbox" name="tag_attentionto[]" id="{{str_replace(' ','_',$cb_attentionto->name)}}" value="{{$cb_attentionto->name}}">

											<label for="{{str_replace(' ','_',$cb_attentionto->name)}}">{{$cb_attentionto->name}}</label>								

										@endforeach	   

                                    </div>

                                </div>

                            </div>



                            <div class="form-card row">

                                <div class="col-md-12 mb-3">

                                    <div class="form-label">

                                        <span class="icon-marketing-hand-give-bar-chart-statistic-svgrepo-com me-2"></span>

                                         {{optionByKey('po_service')}}

                                    </div>   

                                    <div class="hiddenCB placeofservice">

                                        @foreach(getServices(5) as $p_service)

											<input type="checkbox" name="tag_of_place_services[]" id="{{str_replace(' ','_',$p_service->name)}}" value="{{$p_service->name}}">

											<label for="{{str_replace(' ','_',$p_service->name)}}">{{$p_service->name}}</label>								

										@endforeach	

                                    </div>

                                </div>

                            </div>


                        </fieldset>



						
						
						


                        <div class="row">

                            <div class="col-7 d-flex align-items-start justify-content-start">

                                <h2 class="fs-5 fw-bold">{{ optionByKey('your_contacts') }} 

                                </h2>

                            </div>

                            <div class="col-5 d-flex align-items-start justify-content-end">

                                <div class="small">

                                    <sup class="astricksign">*</sup>{{ optionByKey('your_ontacts') }} 

                                </div>

                            </div>

                        </div>

                        <fieldset class="border p-3 mb-5 bg-light position-relative">

                            <div class="form-card row">                               

                                <div class="col-md-12">

                                    <div class="form-label">{{ optionByKey('post_how_would') }}</div>                                    

                                    <div class="row">                            

                                        <div class="col-md-4 mb-3">

                                            <div class="con-box active border rounded-2 p-2">

                                                <label class="contacted-action">

                                                    <span class="round-sign"></span>

                                                    <input type="radio" name="contact_type" checked="checked" value="0" class="check-radio-btn">

                                                    {{ optionByKey('only_phone') }}

                                                </label>

                                            </div>                                            

                                        </div>

                                        

                                        <div class="col-md-4 mb-3">

                                            <div class="con-box border rounded-2 p-2">

                                                <label class="contacted-action">

                                                    <span class="round-sign"></span>

                                                    <input type="radio" name="contact_type" value="1" class="check-radio-btn">

                                                   {{ optionByKey('email_and_phone') }}

                                                </label>

                                            </div>

                                        </div>                                        

                                        

                                        <div class="col-md-4 mb-3">

                                            <div class="con-box border rounded-2 p-2">

                                                <label class="contacted-action">

                                                    <span class="round-sign"></span>

                                                    <input type="radio" name="contact_type" value="2" class="check-radio-btn">

                                                    {{ optionByKey('only_email') }}

                                                </label>

                                            </div>

                                        </div>

                                    </div>                            

                                </div>                                

                            </div>

                            <div class="form-card row"> 

                                <div class="col-md-12 mb-3">

                                    <label for="email" class="form-label">* <span class="icon-envelope" aria-hidden="true"></span>  {{ optionByKey('email_post_form') }}</label>

                                    

									@if(Auth::user())

										<input class="form-control" readonly="readonly" name="email" type="email" value="{{Auth::user()->email}}" id="email" autocomplete="off"> 

									@else

										<input class="form-control" name="email" type="email"  id="email" autocomplete="off"> 

									@endif

									<span id="block-user"></span>	

                                </div>

                            </div>

                            <div class="form-card row"> 

                                <div class="col-md-12 mb-3">

                                    <label for="phone" class="form-label d-block"><em id="tel">*</em> <span class="icon-phone" aria-hidden="true"></span>{{ optionByKey('telephone') }}</label>

                                    

                                    <input class="form-control" id="phone" placeholder="65 76543 6637" name="phone" type="tel" autocomplete="off" maxlength="13">                    
									 <span id="block-phone"></span>
                                </div>

                            </div>

                            <div class="form-card row g-0"> 

                                <div id="whatsapp-row" class="col-lg-12 whatsapp-row d-flex align-items-center mb-3 mt-2 hidden">

                                    <label for="onoff-switch2" class="switch switch-left-right">

                                        <input id="onoff-switch2" type="checkbox" name="onoff-switch2" class="switch-input form-control">

                                        <span data-on="{{ optionByKey('yes_btn') }}" data-off="{{ optionByKey('no_btn') }}" class="switch-label"></span>

                                        <span class="switch-handle"></span>

                                    </label> 

                                    <div class="disable whatsapp-label ms-3 d-flex align-items-center">

                                        <span class="icon-whatsapp1 me-2"></span>

                                        WhatsApp

                                    </div> 

									<input type="hidden" name="whatsapp" value="0">									

                                </div>

                            </div>

                        </fieldset>



                        <fieldset>

                            <div class="form-card row">

                                <div class="col-md-12 mb-5 mt-2">

									<x-turnstile-captcha :language="substr(optionByKey('locale'), 0, 2)" />								

                                </div>

                            </div>

                            <div class="form-card row">

                                <div class="col-md-12 mb-5">

                                    <div class="row g-0">

                                        <div class="col-md-1 termserror position-relative">

                                            <label for="terms" class="switch switch-left-right temers">

                                                <input id="terms" type="checkbox" name="terms" class="switch-input form-control">

                                                <span data-on="{{ optionByKey('yes_btn') }}" data-off="{{ optionByKey('no_btn') }}" class="switch-label"></span>

                                                <span class="switch-handle"></span>

                                            </label>

                                          </div>

                                         <div class="col-md-11 txt_privacy pe-md-3">

                                            <b>{!!optionByKey('privacy_heading') !!}</b>

												{!! optionByKey('privacy') !!}
                                            

                                        </div>

                                    </div>
                                    <div class="row g-0 mt-3">

                                        <div class="col-md-1 termserror position-relative">

                                            <label for="special" class="switch switch-left-right">

                                                <input id="special" type="checkbox" name="special" class="switch-input form-control">

                                                <span data-on="{{ optionByKey('yes_btn') }}" data-off="{{ optionByKey('no_btn') }}" class="switch-label"></span>

                                                <span class="switch-handle"></span>

                                            </label>

                                          </div>

                                         <div class="col-md-11 txt_privacy pe-md-3">
											
										{!! optionByKey('spe_cat_per_data') !!}
                                            

                                        </div>

                                    </div>

                                  


                                </div>

                            </div>

                            <div class="form-card row">

                                <div class="col-12 col-md-6  ms-auto">

                                    <button type="submit"  name="continue" id="btngonow"  disabled class="frm-btn btn btn-primary btn-block w-100 gonow">

											{{ optionByKey('submit_button')}}
                                            <span class="loader"></span>

                                    </button>

                                </div>

                            </div>

                        </fieldset>

               	

					{!! Html::form()->close() !!}

					

                </div>
	
				<div class="col-md-12 mt-5">
		
					@include('includes.need_help')   
				
				</div>
			
            </div>

        </div>
		
		
<div class="modal fade mobverifn" id="VerifyStepone" tabindex="-1">
	<form method="post" action="/c/contactverify/" autocomplete="off" class="contactverify">
		<input type="hidden" name="vphone" id="vphone" value="">
		<input type="hidden" name="insert_key" id="insert_key" value="">
		<div class="modal-dialog">
			{!! optionByKey('phone_num_very_spet_1') !!}
		</div>
	</form>
</div>

	
<div class="modal fade mobverifn" id="VerifySteptwo" tabindex="-1">
    <form method="post" action="/c/verifycode/" autocomplete="off" class="contactverify">
      <div class="modal-dialog">
        {!! optionByKey('phone_num_very_spet_2') !!}
      </div>
	</form>
</div>


 <div class="modal fade mobverifn" id="VerifyStepthree" tabindex="-1">  
      <div class="modal-dialog successverifi">
        {!! optionByKey('phone_number_verified') !!}
      </div>
 </div>



<div class="modal fade mobverifn" id="ipblock" tabindex="-1"> 
	<div class="modal-dialog">
		{!! optionByKey('ip_address_block') !!}
	</div>
</div>


@endsection



@push('css-styles')

    <link rel="stylesheet" href="/static/css/dashboard.css?v={{time()}}" type="text/css" />

    <link rel="stylesheet" href="/static/css/post-ad.css?v={{time()}}" type="text/css" />

    <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/css/intlTelInput.css" rel="stylesheet" />

@endpush



@push('scripts')



<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/intlTelInput.js" defer></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.js" defer></script>


<script>



document.addEventListener('DOMContentLoaded', function() {	        
 
    $(document).ready(function() {
        setInitialFocus();
    });

    function setInitialFocus() {
        var fieldsToFocus = ['#category', '#district_id', '#age', '#nickname' , '#name', '#description2', '#phone', '#terms'];

        $.each(fieldsToFocus, function(index, selector) {
            const field = $(selector);
            if (field.length && field.is(':visible')) {
                field.focus();
                return false; 
            }
        });
    }

    $('#msform').on('submit', function(event) {
        event.preventDefault();

        $.ajax({
            url: $('#msform').attr('action'),
            type: "POST",
            data: $('#msform').serialize(),
            beforeSend: function() {
                $('.gonow').addClass('loading');
                $('#btngonow').prop('disabled', true);
            },
            success: function(response) {
                if(response.user_data == 1){
                    $('#block-user').html(response.error_msg);
                } else if(response.user_phone == 1){
                    $('#block-phone').html(response.error_msg);
                } else if(response.user_ip == 1){
                    $('#ipblock').modal('show');	
                } else if(response.phone == 1){
                    window.location.href = response.redirect_url;
                } else if(response.phone == 2){
                    window.location.href = response.redirect_url;
                } else if(response.only_email == 1){
                    window.location.href = response.redirect_url;
                } else {
                    $('#VerifyStepone').modal('show');
                    $('#vphone').val(response.phone);	
                    $('#insert_key').val(response.insert_key);				
                }	
                $('.gonow').removeClass('loading');
                $('#btngonow').prop('disabled', false);
            },
            error: function(response) {
                turnstile.reset();
                $(".error-message").remove();
                $('.gonow').removeClass('loading');
                $('#btngonow').prop('disabled', true);

                var firstErrorField = null;
                var fieldsToFocus = ['#category', '#district_id', '#age', '#nickname', '#name', '#description2', '#phone', '#terms'];

                $.each(response.responseJSON.errors, function(field_name, error) {
                    const field = $(document).find("[name=" + field_name + "]");
                    field.after('<span class="text-strong danger text-danger error-message">' + error + "</span>");
                    field.addClass('invalid');                     
                    $(document).find('.temers').addClass('invalid');
                    if (firstErrorField === null) {
                        firstErrorField = field;
                    }
                });
                $.each(fieldsToFocus, function(index, selector) {
                    const field = $(selector);
                    if (selector === '#terms') {
                        if (!field.is(':checked')) {
                            if (field.next('.error-message').length === 0) {
                                field.after('<span class="text-strong danger text-danger error-message">You must agree to the terms and conditions</span>');
                            }
                            var label = field.closest('label');
                            if (label.length) {
                                label.focus(); 
                                $('html, body').animate({
                                    scrollTop: label.offset().top - 50 
                                }, 500);
                            }
                            return false; 
                        }
                    }
                   
                    if (field.next('.error-message').length > 0) {
                        field.addClass('invalid');
                        $(document).find('.temers').addClass('invalid'); 
                        field.focus();  
                        $('html, body').animate({
                            scrollTop: field.offset().top - 50 
                        }, 500);
                        return false; 
                    }
                });

                $('.gonow').removeClass('loading');
            }
        });
    });



$(document).ready(function() {
        $('body').on('click','#getCode',function(e){
            e.preventDefault();
            var _token = $("input[name='_token']").val();
            var vphone = $('#vphone').val();
            var insert_key = $('#insert_key').val();
              $.ajax({
                type:'POST',
                url:"{{ url('c/contactverify') }}",
                dataType: 'json',
                data:{
                    _token:_token,
                    vphone:vphone,
                    insert_key:insert_key,
                },
                success:function (data) {
					$('#profile_key').val(data.profile_key);
                    $('#VerifyStepone').modal('hide');
					$('#VerifySteptwo').modal('show');
                }
            });
        }); 

		$('body').on('click','#verifyCode',function(e){
            e.preventDefault();
            var _token = $("input[name='_token']").val();
            var vcode = $('#vcode').val();
            var profile_key = $('#profile_key').val();
              $.ajax({
                type:'POST',
                url:"{{ url('c/verifycode') }}",
                dataType: 'json',
                data:{
                    _token:_token,
                    vcode:vcode,
                    profile_key:profile_key,
                },
                success:function (data) {
					if(data.success == true){
                        $('#VerifySteptwo').modal('hide');
                        $('#VerifyStepthree').modal('show');					
						 setTimeout(function(){
							window.location.href = data.redirect_url;
							 }, 3000);											 
					}else{
						$('#invalid-feedbackw').empty().prepend('Wrong verification code.');
					}			 
                }
            });
        }); 
		
		$('body').on('click','#withoutCode',function(e){
            e.preventDefault();
            var _token = $("input[name='_token']").val();
            var vphone = $('#vphone').val();
            var insert_key = $('#insert_key').val();
              $.ajax({
                type:'POST',
                url:"{{ url('c/withoutverify') }}",
                dataType: 'json',
                data:{
                    _token:_token,
                    vphone:vphone,
                    insert_key:insert_key,
                },
                success:function (response) {
					window.location.href = response.redirect_url;
                }
            });
        });
		
		
		
    });
	
	

		
       
        $('.ethnicity input[type="checkbox"], .brest input[type="checkbox"], .hair input[type="checkbox"], .bodytype input[type="checkbox"]').click(function() {
            var $checkboxes = $(this).closest('div').find('input[type="checkbox"]');
            $checkboxes.not(this).prop('checked', false);
        });



		var maxCheckboxes = 8;

		$('.services-chebox input[type="checkbox"]').click(function(){
			var checkedCount = $('.services-chebox input[type="checkbox"]:checked').length;
			if(checkedCount > maxCheckboxes) {
			$(this).prop('checked', false);
				$('.errorDiv').show();
				setTimeout(function(){
					$('.errorDiv').hide();
				}, 2000);
			}
		});



		// Click event handler for each <li> element

		$('.con-box').click(function () {
			$('.con-box').removeClass('active');
			$(this).addClass('active');
			var val = $(".check-radio-btn:checked").val();
			if(val == 2){
            $("#tel").css("visibility", "hidden");
            }else{
                $("#tel").css("visibility", "visible");
            }
		})

        // remove 0 if enter in field
        document.getElementById('phone').addEventListener('keyup', function () {
            this.value = this.value.replace(/^0+/, '');
        });


		$("#phone").intlTelInput({
			initialCountry: "in",
			allowDropdown:false,
			separateDialCode: true,
			utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js"
		});

		

		$('#phone').mask('00 00000 0000')
		$('#phone').keyup(function() {
			var phoneValue = $(this).val();
			if (phoneValue.trim() !== "") {
				$('#whatsapp-row').removeClass('hidden');
			} else {
				$('#whatsapp-row').addClass('hidden');
			}
		});	
	});


	

	

	$(function() {
        $('#cities').change(function(){
            var cityId = $('#cities').val(); 

				$("#district_id").html('');
				$.ajax({
					url: "{{url('get/fetch-district')}}",
					type: "POST",
					data: {
						city_id: cityId,
						_token: '{{csrf_token()}}'
					},
					dataType: 'json',
					success: function (result) {
						$('#district_id').html('<option value="0">Select District</option>');
						$.each(result.districts, function (key, value) {
							$("#district_id").append('<option value="' + value

								.district_keys + '">' + value.name + '</option>');

						});

						$('#district_id').append('<option value="no"><br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function optionByKey() in /home/sdukoin/public_html/resources/views/frontend/postads.blade.php:1159
Stack trace:
#0 {main}
  thrown in <b>/home/sdukoin/public_html/resources/views/frontend/postads.blade.php</b> on line <b>1159</b><br />