@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="{{ route('main-screen') }}"><i class="md-ripples uil uil-times"></i></a>
    </div>
    <div class="food-delivery">
      <h6>Previous Order</h6>
      <p>Saturday,&nbsp;July&nbsp; 2 &nbsp;2022</p>
    </div>
    <div class="wish-list-food">
     
    </div>
    <div class="wish-list-Cart">
      
    </div>
  </div>
</section>

{{-- <div class="popup">
	<div class="contentBox">
		<div class="content">
			<div>
				<p>
					Looks like you're ordering with a different address. we just want to make sure its the right one.
				</p>
				<button class="btn btn-primary w-100 mt-2 mb-2 ">OK</button>
			</div>
		</div>
	</div>
</div> --}}

<section class="pt-5">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12 mt-5">
				<h4 class="font-weight-bold">Select items</h4>
				<table class="table">
					<tbody>
						<tr>
							<td><input type="checkbox"></td>
							<td><h6 class="font-weight-bold">Pizza</h6></td>
							<td><h6 class="font-weight-bold text-right">1,160</h6></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td><h6 class="font-weight-bold">Pizza</h6></td>
							<td><h6 class="font-weight-bold text-right">1,160</h6></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td><h6 class="font-weight-bold">Pizza</h6></td>
							<td><h6 class="font-weight-bold text-right">1,160</h6></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td><h6 class="font-weight-bold">Pizza</h6></td>
							<td><h6 class="font-weight-bold text-right">1,160</h6></td>
						</tr>
					</tbody>
				</table>
				<a href="#" class="text-primary pr-3">Add more items</a>
			</div>
		</div>
	</div>
</section>

<div class="fixedbutton">
	<div class="d-flex justify-content-between m-0 p-0 back-colr">
	  <div class="count">
		<p>2</p>
	  </div>
	  <div class="view">
		<a href="#">View your cart</a>
	  </div>
	  <div class="price">
		<p>Rs,1050,00</p>
	  </div>
	
	</div>
  </div>
  
@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>