@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>Safety Concerns</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">We want you to have a seamless experience with your order. If you have safety issues with your order or rider, please reach out to us below, we will get back to you as soon as possible.</p>
				<div>
                   
                    <div class="row mt-3">
                        <div class="col-2">
							<label class="containerradio">
								<input type="radio"  name="user_location_type" value="Home">
								<div class="checkmark"></div>
							</label>
                        </div>
                        <div class="col-10">
                            <label class="font-weight-bold pt-2">Harassment involving my rider</label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-2">
							<label class="containerradio">
								<input type="radio"  name="user_location_type" value="Office">
								<div class="checkmark"></div>
							</label>
							
                        </div>
                        <div class="col-10">
							<label class="font-weight-bold pt-2">Card Stolen or misused</label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-2">
							<label class="containerradio">
								<input type="radio"  name="user_location_type" value="Other">
								<div class="checkmark"></div>
							</label>
                        </div>
                        <div class="col-10">
							<label class="font-weight-bold pt-2">Food Hygiene Concern</label>
                        </div>
                    </div>
					<div class="row mt-3">
                        <div class="col-2">
							<label class="containerradio">
								<input type="radio"  name="user_location_type" value="Other">
								<div class="checkmark"></div>
							</label>
                        </div>
                        <div class="col-10">
							<label class="font-weight-bold pt-2">Contactless Delivery Issue</label>
                        </div>
                    </div>
                </div>
			</div>
			<div class="mt-3 mb-3">
				<label class="font-weight-bold">Enter your order number (if relevent):</label>
				<input type="text" class="form-control">
			</div>
			<div class="mt-3 mb-3">
				<label class="font-weight-bold">Further details:</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>

 <div class="fixedbutton">
	<div class="m-0 p-0 back-colr">
	  <div class="view text-center">
		<a href="{{route('user-add-address') }}">Send</a>
	  </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>