@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>Order not placed but charged</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="pt-2 pb-2">If your order wasn't successfully placed but your card was charged, we will try to facilitate you with the issue.</p>
				<h6 class="font-weight-bold w-100 mt-2 mb-2">Why did this happen??</h6>
				<p class="pt-2 pb-2">This issue could have occurred by the bank/payment gateway or a technical glitch on our end where you were wrongly charged for an unsuccessful order. If the payment was received by foodpanda, it will be reverted to your pandapay wallet/original payment source within 3-4 business days.</p>
				<p class="pt-2 pb-2">However, if you do not receive your payment after 4 days, please follow the mentioned steps to file a dispute with your bank:</p>
			</div>
			<div class="p-3">
				<ol>
					<li><span class="font-weight-bold">Call the help center of your respective bank.</span></li>
					<li><span class="font-weight-bold">File a case in your bank against the affected amount.</span></li>
					<li><span class="font-weight-bold">Follow the steps and timeline as guided by your respective bank for payment reversal.</span></li>
				</ol>
			</div>
			<div>
				
				<p class="pt-2 pb-2">In case you require further support, please fill the form with your details and our Customer Care team will email you within 60 minutes or call you via a special outgoing number 021-37130109. Please check your email or be be available on your registered contact number.</p>
				
			</div>
			
			<div class="mt-3 mb-3">
				<label class="font-weight-bold">Explain the issue:</label>
				<textarea name="" class="form-control"></textarea>
			</div>
			<div class="mt-3 mb-3">
				<input type="file" class="form-control">
			</div>
			<div class="mt-3 mb-3">
				<label class="font-weight-bold">Notes:</label>
				<textarea name="#" class="form-control" readonly>Make sure no personal information like ID's, phone numbers, emails - or other sensitive information is in this photo before sending.</textarea>
			</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>