@extends('frontend.layouts.amp-listing')

@section('title', 'Shopping Cart - ' . app_name())

@section('content')

    <div class="container">
       <div class="row">
            <div class="col-md-12 mt22">
                <h4>Shopping Cart</h4>
            </div>
        </div>
        <div class="row">
            <div class="col-12 page-content mb-5 mt22">
               

                @if(Cart::isEmpty())
                    <strong>Sorry!</strong>, your cart is empty, <a href="{{ route('frontend.index') }}">click here to go back to the home page.</a>
                @else


                    @include('includes.partials.messages')
                    <form  method="post"  action-xhr="{{ route('frontend.cart.recalculate') }}"  target="_top">
                    @csrf

                        <!--shopping cart area start -->
                     
                        <!--shopping cart area end -->

                        <!--====================  cart product area ====================-->
                                <div class="cart-product-area">
                                    <div class="table-title">
                                       
                                        <div class="wrapscroll">
                                            <div class="scroll ">
                                                <div class="cart-table table-responsive mb--4">
                                                    <table class="table">
                                                        <thead>
                                                        <tr>
                                                            <th class="pro-thumbnail">Image</th>
                                                            <th class="pro-title text-left">Product</th>
                                                            <th class="pro-price">Price</th>
                                                            <th class="pro-quantity">Quantity</th>
                                                            <th class="pro-subtotal">Total</th>
                                                            <th class="pro-remove">Action</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                          
                                                      @php
                                                            $sub_total = 0;
                                                            $bogo_discount = 0;
                                                        @endphp

                                                        @foreach($data['cart'] as $cart)
                                                            @php
                                                                if($cart->attributes->image != '')
                                                                    $path = 'up_data/products/images/thumbnails/'.$cart->attributes->image;
                                                                else
                                                                    $path = 'up_data/na.jpg';

                                                                $item_price = $cart->getPriceWithConditions();
                                                                $total_price = $cart->getPriceSumWithConditions();

                                                                if($cart->bogo_free)
                                                                {
                                                                    $total_price_discount = $cart->bogo_free * $item_price;
                                                                    $bogo_discount += $total_price_discount;
                                                                    $talal_price_after_bogo = $total_price - $total_price_discount;
                                                                }

                                                                if($cart->bogod_count)
                                                                {
                                                                    $discounted_price = ($item_price * $cart->bogod_percent) / 100;
                                                                    $total_price_discount = $cart->bogod_count * $discounted_price;
                                                                    $bogo_discount += $total_price_discount;
                                                                    $talal_price_after_bogo = $total_price - $total_price_discount;
                                                                }

                                                            @endphp

                                                        <tr cart_row_{{ $cart->id }}>
                                                            <td class="pro-thumbnail">
                                                                <a href="{{ $cart->attributes->link }}">
                                                                 <amp-img src="{{ $path }}" class="img-thumbnail" width="200" height="100"  alt="{{ $cart->name }}"> </amp-img>
                                                                </a>
                                                            </td>
                                                            <td class="pro-title text-left">
                                                                <a href="{{ $cart->attributes->link }}">
                                                                    {{ $cart->name }} </a> <br> . <em>{{ $cart->attributes->sku }}</em>
                                                            </td>

                                                              <td class="product-price">

                                                                    @if($cart->attributes->discount == 0)
                                                                        <span>${{ number_format($cart->price, 2) }}</span>
                                                                    @else
                                                                        <div class="old-price">${{ number_format($cart->price, 2) }}</div>
                                                                        <span>${{ number_format($item_price, 2) }}</span>
                                                                    @endif
                                                              </td>

                                                              <td class="product_quantity text-center">
                                                                    <input min="1" max="100" size="5" type="number" name="qty[]" class="form-control text-center txt-product-qty" value="{{ $cart->quantity }}">
                                                                    <input type="hidden" name="id[]" value="{{ $cart->id }}">
                                                                </td>

                                                              <td class="product-price">

                                                                    @if($cart->attributes->discount == 0)
                                                                        <span @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($cart->getPriceSum(), 2) }}</span>
                                                                    @else
                                                                        <div class="old-price">${{ number_format($cart->getPriceSum(), 2) }}</div>
                                                                        <span @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($total_price, 2) }}</span>
                                                                    @endif

                                                                    @if($cart->bogo_free || $cart->bogod_count)
                                                                        <span>${{ number_format($talal_price_after_bogo, 2) }}</span>
                                                                        <small class="red-text">
                                                                            @if($cart->bogod_count)
                                                                                {{ $cart->bogod_percent }}% discount <br>on {{ $cart->bogod_count }} @if($cart->bogod_count > 1) items @else item @endif
                                                                            @else
                                                                                {{ $cart->bogo_free }} free @if($cart->bogo_free > 1) items @else item @endif
                                                                            @endif
                                                                        </small>
                                                                    @endif

                                                                </td>

                                                               <td class="product_remove">
                                                                    <a href="{{ route('frontend.cart.delete', $cart->id) }}" onclick="return window.confirm('Are you sure, you want to delete remove this item from your cart?');"> <amp-img src="../static/assets/fonts/trash-icon.png" width="20" height="18" layout="fixed" class="my0 mx-auto "  alt=""></amp-img></a>
                                                                </td>
                                                           </tr>

                                                            @php
                                                                $sub_total += $total_price;
                                                                //echo '<h1>'.$sub_total.'</hr>';
                                                            @endphp

                                                          @endforeach
                                                        </tbody>
                                                    </table>
                                                 </div> 
                                              </div>  
                                          <input class="cart-btn-update" name="update_cart" type="submit" value="Update Cart">  
                                      </div> 
                                            
                                        <!--====================  End of cart product area  ====================-->
                                        <div class="discount-code-wrapper space-mt--20">
                                            <div class="coup2">
                                                <div>
                                                    <div>
                                                        <div class="title-wrap">
                                                            <p class="cart-bottom-title"><strong> Use Coupon Code </strong> </p>
                                                        </div>
                                                        <div class="discount-code">
                                                            <p>Enter your coupon code if you have one.</p>
                                                 
                                                            <input  placeholder="Coupon Code" name="coupon_code" id="coupon_code" type="text">
                                                        
                                                             <input class="cart-btn-coupon" name="update_cart" type="submit"value=" Apply Coupon">
                                                                     <input type="hidden" name="ajax" value="yes">
                                                                  
                                                                 </div>
                                                              </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                        <div class="grand-total space-mt--20">
                                            <div class="col-12">
                                                <div class="total-shipping coupon_code">
                                                    <h4><strong>Cart Summary </strong></h4>
                                                     
                                                       @php
                                                        $discount = 0;

                                                        if(request()->session()->get('ses_coupon'))
                                                        {
                                                            $coupon = request()->session()->get('ses_coupon');

                                                            if($coupon['type'] == 'amount')
                                                            {
                                                                $discount = $coupon['value'];
                                                            }
                                                            else
                                                            {
                                                                $discount = ($sub_total * $coupon['value']) / 100;
                                                            }
                                                        }

                                                        if($bogo_discount)
                                                        {
                                                            $discount += $bogo_discount;
                                                        }

                                                        if( request()->session()->get('ses_shipping_rate') )
                                                            $shipping_rate = request()->session()->get('ses_shipping_rate');
                                                        else
                                                            $shipping_rate = 0;

                                                        $grand_total = (($sub_total + $shipping_rate) - $discount);

                                                    @endphp

                                                    <ul>
                                                        <li class="text-decoration-none"><h5 class="grand-total-title">Sub Total <span>${{ number_format($sub_total, 2) }}</span>
                                                        </h5>
                                                        </li>
                                                        <li class="text-decoration-none"><h5 class="grand-total-title">Discount <span>${{ number_format($discount, 2) }}</span>
                                                        </h5>
                                                        </li>
                                                        <li class="text-decoration-none"><h5 class="grand-total-title">Shipping Cost
                                                            <span>{{ $data['shipping_rate'] ?? "$0.00" }}</span>
                                                        </h5>
                                                        </li>

                                                    </ul>
                                                </div>
                                               {{--  <h4 class="grand-total-title"><strong>Grand Total </strong> <span>${{ number_format($grand_total, 2) }}</span></h4> --}}
                                                <h5 class="grand-total-title">Grand Total<span>${{ number_format($sub_total, 2) }}</span>
                                                </h5>

                                            </div>
                                        </div>
                                        <div class="grand-total-btn">
                                          <button class="cart-btn"><a class="text-decoration-none" href="{{url('all-instruments')}}"></a> Continue Shopping </button>

                                          <button class="cart-btn check-btn"><a class="text-decoration-none" href="{{route('frontend.checkout')}}"> Checkout</a> </button>
                                        </div>
                                    </div>
                                </div>


                                  <div submit-success class="alert-msg" id="submit-success">
                                       <template type="amp-mustache" >
                                          <strong>
                                                Shopping cart updated successfully
                                          </strong>
                                       
                                          </template>
                                        </div>
                                        <div submit-error>
                                          <template type="amp-mustache">
                                             Something Went Wrong
                                          </template>
                                      </div>
                           </form>
                      @endif
                </div>
           </div>
       </div>
  @endsection