@include('public_area.layouts.header_include')

@include('public_area.layouts.aside_include')


<section>
  <div class="food-delivery-head">
    <div class="food-delivery-back">
		<a href="javascript:history.back()">
			<i class="md-ripples uil uil-angle-left"></i>
		</a>
    </div>
    <div class="food-delivery mt-2">
      <h6>I can't enter my address</h6>
    </div>
    <div class="wish-list-food">
     
    </div>
    <div class="wish-list-Cart">
    </div>
  </div>
</section>

<section class="pt-5 pb-5">
	<div class="container pt-5">
	   <div class="row">
		<div class="col-md-12">
			<div>
				<span class="font-weight-bold">Website?</span>
				<p class="pt-3 pb-2">Use the icon on the address bar to
					auto-fill the nearest address to your current
					location. You may need to grant extra
					permissions to allow access.</p>
			</div>
			<div>
				<span class="font-weight-bold">In our app?</span>
				<p class="pt-3 pb-2">When using our app, your gps
					signal might be too weak to locate you properly.
					If you are unable to use your gps to select the
					address, input it manually. Make sure your
					phone's location settings are turned on.
					</p>
			</div>
			<div>
				<span class="font-weight-bold">On iOS ?</span>
				<p class="pt-3 pb-2">Go to your settings and tap on Privacy.
					Select Location service and toggle it on for our
					app.</p>
			</div>
			<div>
				<span class="font-weight-bold">On Android: ?</span>
				<p class="pt-3 pb-2">Go to your settings and then tap
					on Location. Make sure Mode is set to High
					Accuracy.</p>
			</div>
			<div class="help-content">
				<h6 class="font-weight-bold w-100 text-center">Was this helpful?</h6>
				<div class="help-btn-div">
					<a href="#" class="helpful-btn">Yes, I got my answer</a>
				</div>
				<div class="help-btn-div">
					<a href="#" class="helpful-btn">No, add more information</a>
				</div>
			</div>
			
		  </div>
	   </div>
	</div>
 </section>

  
@include('public_area.layouts.footer_include')

<script>
	const popup = document.querySelector('.popup');
	const close = document.querySelector('.close');

	window.onload = function() 
	{
		setTimeout(function(){
			popup.style.display = "block";
		},2000)	
	}

	close.addEventListener('click',() => {
		popup.style.display = "none";
	})
</script>