@extends('layouts.master')

@section('content')

 <div class="container">

       <hr class="my-3 bg-transparent border-0">
            <div class="d-flex pe-3 p-4 align-items-center alert alert-success alert-dismissible fade msg-round justify-content-between" role="alert">
				<div class="d-flex align-items-center">
                    <span class="icon-thumbs-o-up me-2"></span> 
                    <span class="small fw-semibold text-black"> Ad Published</span>
				</div>
				<button type="button" class="close small"  data-bs-dismiss="alert" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <div class="row">
               

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

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

				<input type="hidden" name="insert_key" value="{{$insert_key}}">			
					
				<input type="hidden" name="profile_id" value="{{ $profiles->id}}">

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

					<!-- progressbar -->

                       

						<div class="col-md-12 text-center">
						    <h1 class="main-title home"> {{ optionByKey('insert') }} </h1>
					    </div>

                        <div class="row mt-5">

                            <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" disabled>

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

                                    </select>                                    

                                </div>								

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

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

                                    <select disabled 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" disabled>

            							   <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',$profiles->address)->class('form-control txtOnly')->autocomplete('off') }}

                                </div>

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

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

                             		 {{ html()->text('zip',$profiles->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',$profiles->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',$profiles->age)->class('form-control')->maxlength(2) }}

								</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',$profiles->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',$profiles->description)->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>

              

                        <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 <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>275</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>275</b><br />
active border rounded-2 p-2">
                                                <label class="contacted-action">
                                                    <span class="round-sign"></span>
                                                    <input type="radio" name="contact_type" <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>278</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>278</b><br />
checked value="0" class="check-radio-btn">
                                                    {{ optionByKey('only_phone') }}
                                                </label>
                                            </div>                                            

                                        </div>

                                        

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

                                            <div class="con-box <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>289</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>289</b><br />
 border rounded-2 p-2">
                                                <label class="contacted-action">
                                                    <span class="round-sign"></span>
                                                    <input type="radio" name="contact_type" <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>292</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>292</b><br />
 value="1" class="check-radio-btn">
                                                   {{ optionByKey('email_and_phone') }}
                                                </label>
                                            </div>

                                        </div>                                        

                                        

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

                                            <div class="con-box <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>303</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>303</b><br />
 border rounded-2 p-2">
                                                <label class="contacted-action">
                                                    <span class="round-sign"></span>
                                                    <input type="radio" name="contact_type" <br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>306</b><br />
<br />
<b>Warning</b>:  Attempt to read property "contact_type" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>306</b><br />
 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">* <span class="icon-phone" aria-hidden="true"></span>{{ optionByKey('telephone') }}</label>
                                    <input class="form-control" id="phone" name="phone" type="tel" value="<br />
<b>Warning</b>:  Undefined variable $profiles in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>346</b><br />
<br />
<b>Warning</b>:  Attempt to read property "phone" on null in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>346</b><br />
" disabled>
									<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="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 edittermscheck">

                                        <div class="col-md-1 termserror position-relative">
                                            <label for="terms" class="switch switch-left-right">
                                                <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 disabled type="submit"  name="continue" id="btngonow"  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>

        </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>

var city_id = '{!! $city->city_keys !!}';  
var district_id = '{!! $districtskeys !!}';    
var cateid = '{!! $category->cat_keys !!}';
$("#cities option[value='"+city_id+"']").attr("selected", true);
$("#district_id option[value='"+district_id+"']").attr("selected", true);
$("#category option[value='"+cateid+"']").attr("selected", true);

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

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

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

    $('#myFormEdit').on('submit',function(event){
        event.preventDefault();
        var actionUrl = $('#myFormEdit').attr('action');
        $.ajax({
          url: actionUrl,
          type:"POST",
          data: $('#myFormEdit').serialize(),
		  beforeSend: function() {
			$('.gonow').addClass('loading');
		  },
          success:function(response){
			  if(response.similartext == true){
				 $("#similartextAd").modal("show"); 
			  }else if(response.success == true){
                    $('.alert-success').addClass('show');	
                    setTimeout(function(){
						$('.success-msg-popup').remove();
                        window.location.href = response.redirect_url;
                    }, 3000);	
                }
          },

          error:function(response) {
                $(".textdanger").empty();
		  		$.each(response.responseJSON.errors,function(field_name,error){
						console.log(field_name);
						$(document).find('[name='+field_name+']').after('<span class="text-strong danger textdanger">' +error+ '</span>').focus();
					});
		  	   }
		  });
    });



$(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"]').click(function() {
			var $checkboxes = $('.ethnicity 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

		$('#conlist li').click(function(){
			var value = $(this).data('natid');
			$('#nationality').val(value);
		});



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

        // 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(); 
			if(cityId == '5c8a35d73d23nn8f55n2111m') {
				$("#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="">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/edit_ads.blade.php:741
Stack trace:
#0 {main}
  thrown in <b>/home/sdukoin/public_html/resources/views/frontend/edit_ads.blade.php</b> on line <b>741</b><br />