@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>SMS verification not received</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>
				<h6 class="font-weight-bold"> New customers </h6>
				<p class="pt-3 pb-2">If you haven't received your two-factor authentication codes, please check the following: </p>
				<div class="p-3">
					<ol>
						<ol>
							<li><span class="font-weight-bold">Log in through the other devices (laptop, tabs etc) previously used to log into your account</span></li>
							<li><span class="font-weight-bold">Your device has a good signal and internet connection </span></li>
						</ol>
						
					</ol>
				</div>
				<p class="pt-3 pb-2">If you still haven't received the two-factor authentication codes text, please try requesting it again in a while. It can sometimes take a few minutes.</p>
			</div>
			<div class="mt-3 mb-3">
				<h6 class="font-weight-bold"> Existing customers </h6>
				<p class="pt-3 pb-2">If you haven't received your two-factor authentication codes on your registered phone number, please try these other options: </p>
				<div class="p-3">
					<ol>
						<li><span class="font-weight-bold">The phone number you entered is in the correct format (with country code, no spacing)
						</span></li>
						<li><span class="font-weight-bold">Log in with another linked account (Facebook,apple,etc)</span></li>
					</ol>
				</div>
				<p class="pt-3 pb-2">Once logged in, please update the phone number you registered with us. This will help avoid similar issues in the future.</p>
				<p class="pt-3 pb-2">TIP: Never share your verification codes or links with anyone, including our support agents. foodpanda will never request such information.</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>