@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-addresses') }}"><i class="md-ripples uil uil-times"></i></a>
    </div>
    <div class="food-delivery mt-2">
      <h6>Add Address</h6>
    </div>
    <div class="wish-list-food">
     
    </div>
    <div class="wish-list-Cart">
      
    </div>
  </div>
</section>

<section>
	<form method="POST" action="{{ route('store-user-address') }}" class="form-horizontal form-material mx-2" enctype="multipart/form-data">
		@csrf
	<div class="container">
		<div class="row">
			<div class="col-md-12 mt-5 pt-5">
                @if(session('success-message-address'))
                <div class="alert alert-success alert-dismissible fade show text-dark" role="alert">
                    <strong>{{ session('success-message-address') }}</strong>
                </div>  
                @endif
            </div>
			<div class="col-md-12">
                <div class="lightgrey">
                    <div class="form-group">
                        <label class="font-weight-bold text-dark p-0 m-0 pl-1 mb-2">Full Address</label>
                        <input placeholder="Full address" type="text" name="user_location" class="input">
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="lightgrey">
                    <div class="md-ripples">
                        <h6 class="font-weight-bold">Add a label</h6>
                    </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">Home</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">Office</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">Other</label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mt-3">
                            <div class="text-center">
                                <button type="submit" class="btn btn-primary">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
</form>

</section>

{{-- 
<div class="fixedbutton">
	<div class="m-0 p-0 back-colr">
	
	  <div class="view text-center">
		<a href="#">Confirm</a>
	  
	
	</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>