@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>Feedback</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>
	</div>
 </section> --}}

 <section class="ftco-section pt-5 pb-5">
	<div class="container pt-5">
		<div class="row">
			<div class="col-md-12 text-center heading-want">
				<i class="fas fa-frown"></i>
				<h5 class="mb-5 pb-md-4">What can be improved ?</h5>
			</div>
		</div>
		<div class="row justify-content-center">
			<div class="col-md-12">
				<ul class="ks-cboxtags text-center">
				<li>
					<input type="checkbox" id="checkboxOne" value="Information was hard to find">
					<label for="checkboxOne">Information was hard to find</label>
				</li>
				<li>
					<input type="checkbox" id="checkboxTwo" value="Add more information">
					<label for="checkboxTwo">Add more information</label>
				</li>
				<li>
					<input type="checkbox" id="checkboxThree" value="Quality of information">
					<label for="checkboxThree">Quality of information </label>
				</li>
				
				<li>
					<input type="checkbox" id="checkboxFive" value="Something else">
					<label for="checkboxFive">Something else</label>
				</li>
				<li>
					<input type="checkbox" id="checkboxFour" value="I couldn't reach out to an agent">
					<label for="checkboxFour">I couldn't reach out to an agent</label>
				</li>
			  </ul>
			</div>
		</div>
		<div class="row pt-5">
			<div class="col-md-12">
				<div>
					<a href="{{ route('thank-you-feedback') }}">
						<button type="submit" class="btn btn-primary w-100">Submit</button>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>



  
@include('public_area.layouts.footer_include')

<script>
	
(function($) {
	"use strict";

	var fullHeight = function() {

	$('.js-fullheight').css('height', $(window).height());
	$(window).resize(function(){
		$('.js-fullheight').css('height', $(window).height());
	});

	};
	fullHeight();
})(jQuery);

	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>