@extends('layout.frontend.master')

@section('meta-title', 'Add Address - LEREVE')

@push('asset-top')
    
@endpush

@section('content')
         <section class="page-content ">
       
            <section class="shopping-cart">

                <div class="container">
                    <div class="row">
                        <div class="hero-content page-head">
                            <h2>Delivery Address </h2>
                        </div>
                    </div>
                    <div class="row checkout-block">
                        <div class="col-12 col-md-7 col-lg-8  ">
                            <div class="address-part add-new-address">
                                <div class="row mb-5 form-area">
                                    <h4 > Delivery Address </h4>
                                    <div class="col-lg-6 form-field ">

                                        <div class="form-group">
                                            <label>Full Name <em>*</em></label>
                                            <input class="form-control custom-field "  type="text" required="">
                                        </div>
                                    </div>

                                    <div class="col-lg-6 form-field">

                                        <div class="form-group">
                                            <label>Phone <em>*</em></label>
                                            <input class="form-control custom-field "  type="tel" required="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 form-field">
                                       <div class="form-group mb-0">
                                           <label>Email <em>*</em></label>
                                           <input class="form-control custom-field"  type="tel" required="">
                                       </div>
                                   </div>
                                
                                  

                                    <div class="col-lg-6 form-field">

                                        <div class="form-group">
                                            <label>Area  <em>*</em> <span></span></label>
                                            <input class="form-control custom-field "   type="text" required="" disabled>
                                        </div>
                                    </div>

                                  

                                   

                                    <div class="col-lg-6 form-field">
                                        <div class="form-group">
                                            <label>Block  <em>*</em></label>

                                            <input class="form-control custom-field" type="text" placeholder=" " required="" disabled>
                                        </div>
                                    </div>
                                  

                                    <div class="col-lg-6 form-field">
                                        <div class="form-group">
                                            <label>Street  <em>*</em></label>

                                            <input class="form-control custom-field" type="text" placeholder=" " required="" disabled>
                                        </div>
                                    </div>
                                   
                                    <div class="col-lg-6 form-field">
                                        <div class="form-group">
                                            <label>Avenue (Jaadah) </label>
                                            <input class="form-control custom-field" type="text"  required="">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 mt-4">
                                        <a href="payment.html" class="btn float-right primery-btn" >Continue</a>

                                    </div>

                                </div>
                             
                            </div>
                          
                        </div>
                        <div class="col-12 col-md-5 col-lg-4 ">

                           <div class="cart-right">
                             <div class="side-head">
                                 <h4>Payment Summary</h4>
                              </div>
 
                             <div class="card  ">
                                 <div class="card-body">
                                     <ul class="list-group list-group-sm list-group-flush-y list-group-flush-x">
                                         <li class="list-group-item d-flex ">
                                             <span>Total</span> <span class="ml-auto font-size-sm price">73 KWD
                                           </span>
                                         </li>
                                         <li class="list-group-item d-flex ">
                                           <span>Discount Code
                                           </span> <span class="ml-auto font-size-sm price"> -2 KWD
                                           </span>
                                       </li>
 
                                       <li class="list-group-item d-flex ">
                                          <span>     Delivery Charge
                                          </span> <span class="ml-auto font-size-sm price"> 2 KWD
                                          </span>
                                      </li>
 
                                       
                                         <li class="list-group-item d-flex   subtotal">
                                             <span>Grand Total</span> <span class="ml-auto price">73 KWD
                                           </span>
                                         </li>
                                     </ul>
                                 </div>
                             </div>
 <div class="cart-btm">
    <a href="payment.html" class="btn  primery-btn w-100">
       Place Order
       </a>
 </div>
 
 
                 </div>
 
                 <a class="btn  mt-3  w-100  line-button-dark line-button-dark" href="cart.html">
                   <i class="bi bi-bag"></i>View Cart
                 </a>
                         </div>
                    </div>
                </div>
            </section>

         </section>
@endsection