@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>My allowance/allowance refund is not visible</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>
				<p class="font-weight-bold pt-3 pb-2">The allowance will only show up if the order
					delivery time is within the timeframe that your
					company has set. Kindly check if the delivery
					timing for your order is within the allocated time
					frame.</p>
			</div>
			<div>
				<p class="font-weight-bold pt-3 pb-2">There are some scenarios where your
					allowance might disappear:</p>
			</div>
			<div>
				<p class="font-weight-bold pt-3 pb-2">If the payment was unsuccessful for your
					previous order. Your allowance will be refunded
					within the next 10-15 minutes.</p>
			</div>
			<div>
				<p class="font-weight-bold pt-3 pb-2">Your colleague placed a group order using
					your allowance credits. You can check if you
					received any order confirmation email from
					foodpanda.</p>
			</div>
			<div>
				<p class="font-weight-bold pt-3 pb-2">If you are still facing an issue, please reach out
					to us below.</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>