@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>Some items I ordered were out of stock</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-3 pb-2">If our partner runs out of the items that you
					ordered, we'll adjust your order accordingly. You
					can check the order section for the updated
					order.</p>
			</div>
			<div>
				<p class="pt-3 pb-2">When placing an order, you'll have these
					options. Please select one of the below as your
					preferred replacement for any unavailable items:</p>
			</div>
			<div>
				<p class="pt-3 pb-2">Remove it from my order*: The selected items
					will be removed from the overall order. You won't
					be charged for the unavailable items and your
					bill will be updated on the Order page with the
					items crossed out.
					</p>
			</div>
			<div>
				<p class="pt-3 pb-2">Cancel the entire order: The entire order will
					be cancelled if a single item is unavailable.
					Other selected preferred replacements will be
					overwritten if this option is selected.
					</p>
			</div>
			<div>
				<p class="pt-3 pb-2">Call Me: Some of our partners allow for a call
					me function, and if this option is offered then our
					partner will contact you via the phone number
					you registered with us if the selected item is
					unavailable. You would have most likely agreed
					to an alternative for the unavailable item and
					based on this, your order will be updated.					
					</p>
			</div>
			<div>
				<p class="pt-3 pb-2">*Please take note that the default option for
					unavailable items is to remove the item from
					the order.										
					</p>
			</div>
			<div>
				<p class="pt-3 pb-2">*You'll be given replacement options for each
					item in the order, so kindly choose the option
					wisely before proceeding to checkout.															
					</p>
			</div>
			<div>
				<p class="pt-3 pb-2">*Note : Some of these options are not available
					for shops.																				
					</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>