@extends('user.user_dashboard')
@section('home') 
 
 <!-- ================================
     START BREADCRUMB AREA
 ================================= -->
 <section class="breadcrumb-area section-padding img-bg-2">
    <div class="overlay"></div>
    <div class="container">
        <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
            <div class="section-heading">
                <h2 class="section__title text-white"> <a href="{{ route('dashboard') }}"> <i class="la la-chevron-left icon text-white"> </i> </a> Shopping Cart  &nbsp;   &nbsp;</h2>
            </div>
            <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">
                <li><a href="{{ route('dashboard') }}">Home</a></li>
            
                <li>Shopping Cart</li>
            </ul>
        </div><!-- end breadcrumb-content -->
    </div><!-- end container -->
</section><!-- end breadcrumb-area -->
<!-- ================================
    END BREADCRUMB AREA
================================= -->

<!-- ================================
       START CONTACT AREA
================================= -->
<section class="cart-area pt-5 ">
    <div class="container">

        <div>
          <h6 class="text-white font-weight-light  mb-2 " > <i class="la la-play mr-1"></i> Shipping Fee Applies for Delivery of Print Copies   </h6>
          <h6 class="text-white font-weight-light   mb-5"> <i class="la la-play mr-1"></i> See list of Countries we presently ship print copies to on checkout page [we are updating the list to include more Countries]   </h6>
        </div>


        <div class="table-responsive">
           
            <table class="table generic-table">
               
                <thead>
                <tr>
                    <th scope="col">Image</th>
                    <th scope="col">Product Details</th>
                    <th scope="col">Quantity</th>
                    <th scope="col"> Price</th>
                    <th scope="col">Action</th>
                </tr>
                </thead>

                <tbody id="cartPage">
                
                 
                </tbody>

            </table>

         {{--
            <div class="d-flex flex-wrap align-items-center justify-content-between pt-4">
                
                <form method="post">
                    <div class="input-group mb-2">

                        <input class="form-control form--control pl-3" type="text" name="search" placeholder="Coupon code">

                        <div class="input-group-append">
                            <button class="btn theme-btn">Apply Code</button>
                        </div>

                    </div>
                </form>

                <a href="#" class="btn theme-btn mb-2">Update Cart</a>

            </div>
        --}}

        </div>



        <div class="col-lg-4 ml-auto">
            <div class="bg-gray p-4 rounded-rounded mt-40px">

                <h3 class="fs-18 font-weight-bold pb-3">Cart Totals</h3>

                <div class="divider"><span></span></div>
                
                <ul class="generic-list-item pb-4">

                    <li class="d-flex align-items-center justify-content-between font-weight-semi-bold">
                        <span class="text-black">Subtotal: </span>
                        <span class="text-black" id="cartSubTotal"> </span>
                     </li>

                     <li class="d-flex align-items-center justify-content-between font-weight-semi-bold">
                        <span class="text-black">Total:  </span>
                         <span class="text-black" id="cartSubTotal"> </span>
                     </li>

                 </ul>

                 <a href="{{ route('checkout') }}" class="btn theme-btn w-100"> Checkout <i class="la la-arrow-right icon ml-1"></i> </a>

             </div>
         </div>

     </div><!-- end container -->
 </section>
 <!-- ================================
        END CONTACT AREA
 ================================= -->

 
 
 
 
 
 
 @endsection