@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>Addresses</h6>
      <p></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">
				@foreach($addresses as $address)
				<a href="{{ route('user-edit-address',['id' => $address->id ]) }}">
					<div class="md-ripples d-flex lightgrey">
						<div class="pr-4">
							@if($address->user_location_type == "Home")
								<img src="/all_restaurants_assets/img/house.png" alt="" class="img-fluid">
							@endif
							@if($address->user_location_type == "Office")
								<img src="/all_restaurants_assets/img/office-building.png" alt="" class="img-fluid">
							@endif
							@if($address->user_location_type == "Other")
								<img src="/all_restaurants_assets/img/view-more.png" alt="" class="img-fluid">
							@endif
						</div>
						<div class="logo-text" style="width: auto">
							<h6 class="text-dark">{{ $address->user_location }}</h6>
							<p class="text-dark">{{ $address->user_location_type }}</p>
						</div>
						<div class="text-right w-100">
							<img src="/all_restaurants_assets/img/edit.png" alt="" class="img-fluid">
						</div>
					</div>
				</a>
				@endforeach
				
			</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') }}">Add New Address</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>