@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 mt-2">
      <h6>How can we help</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>
				<h4 class="text-primary font-weight-bold">How can we help</h4>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/shopping-bag.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Get help with my orders</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('help-with-my-orders') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/email.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">My support requests</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('help-support-request') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/cutlery.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Dine In</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('dine-in-help-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/userhelp.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">My Account</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('account-help-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/hand.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Safety Concerns</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-safety-concerns-with-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/credit-card.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Payment And Refunds </h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-payment-with-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/333333.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Vouchers and Rewards </h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-vouchers-and-rewards-policy-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/support.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Get Help with my pandapay </h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-help-with-my-policy-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/more.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">FAQ</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-faq-policy-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="help-card">
						<div class="d-flex justify-content-between">
							<div class="help-logo">
								<img src="all_restaurants_assets/img/hand-shake.png" alt="">
							</div>
							<div class="help-content w-100">
								<h6 class="pl-2">Foodpanda for business</h6>
							</div>
							<div class="help-content text-left">
								<a href="{{ route('update-foodpanda-for-business-center') }}">
									<i class="uil uil-angle-right-b"></i>
								</a>
							</div>
						</div>
					</div>
				</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>