@extends('layouts.front')
@section('content')
<div class="checkout-sec">
   <div class="checkout-wrapper">
      <div class="checkout-left"@if(count($products) == 0) style="max-width:none;" @endif>
        @include('includes.form-success')
         <div class="checkout-box login-signup active">
            <div class="panel-title">
               <span class="panel-name">My Cart</span>
            </div>
            <div class="order-summary-content">
               <div class="product-panel-main">
                  @if(count($products) > 0)
                    @foreach($products as $product)
                      <div class="product-panel" id="cart-row-{{ $product['id'] }}">
                         <a href="{{ route('front.product', $product['item']['slug']) }}">
                         <div class="product-img">
                            <img src="{{ $product['item']['photo1'] ? asset('assets/images/thumbnails/'.$product['item']['photo1']):asset('assets/images/noimage.png') }}">
                         </div>
                        </a>
                         <div class="product-middle">
                            <div class="product-name">
                              <a href="{{ route('front.product', $product['item']['slug']) }}">
                               {{$product['item']['name']}}
                             </a>
                            </div>
                            <!-- div class="info">
                               Black, In the Ear
                            </div -->
                            @if($product["has_multiple_options"] == 1)
                              @foreach($product["variations"] as $attr_data)
                              <div class="seller">
                                 {{$attr_data["attribute_name"]}}: {{$attr_data["option_name"]}}
                              </div>
                              @endforeach
                            @endif
                            <div class="price">
                               <span class="offer-price">{{ App\Models\Product::convertPrice($product['item']['price']) }}</span>
                               <span class="ori-price">{{ App\Models\Product::convertPrice($product['item']['previous_price']) }}</span>
                               <span class="off-price">{{ App\Models\Product::convertPrice($product['item']['discount_percentage']) }}% Off</span>
                               <!-- <span class="off-qty">2 offers applied <i class="fa fa-info-circle" aria-hidden="true"></i></span> -->
                            </div>
                         </div>
                      </div>
                      <div class="bottom-panel" id="cart-row-bottom-{{ $product['id'] }}">
                         <div class="value">
                            <button class="minas qtminus1 reducing" qtyfieldid="{{ $product['id'] }}"> – </button>
                            <div class="qty">
                               <input type="text" id="qty{{ $product['id'] }}" value="{{ $product['quantity'] }}" readonly class="" qtyattr="{{ $product['quantity'] }}">
                            </div>
                            <button class="plus qtplus1 adding" qtyfieldid="{{ $product['id'] }}"> + </button>
                         </div>
                         <div class="remove d-inline-block removecart cart-remove" rowfieldid="{{ $product['id'] }}" data-href="{{ route('product.cart.remove',$product['id']) }}">
                            <a href="javascript:void(0);">Remove</a>
                         </div>
                      </div>
                      <hr  id="cart-row-bottom-hr-{{ $product['id'] }}" />
                    @endforeach
                  @else
                  <div class="cart-empty-section">
                     No items in your cart!
                  </div>
                  @endif
               </div>
            </div>
         </div>
      </div>
      @if(count($products) > 0)
      <div class="checkout-right">
         <div class="price-detail">
            <div class="price-title">
               Price details
            </div>
            <div class="price-list">
               <ul>
                  <li>
                     <div class="l">Price (<span id="cart-total-items">{{$totalProducts}}</span> @if($totalProducts > 1)items @else item @endif)</div>
                     <div class="r"><span id="cart-total-amount">{{ App\Models\Product::convertPrice($totalPrice)}}</span></div>
                  </li>
                  <li>
                     <div class="l">Discount</div>
                     <div class="r"><span id="cart-total-discount">{{ App\Models\Product::convertPrice(0)}}</span></div>
                  </li>
                  <!-- <li>
                     <div class="l">{{ $langg->lang130 }}</div>
                     <div class="r">{{$tx}}%</div>
                  </li> -->
                  <li>
                     <div class="l">Total Payable</div>
                     <div class="r"><span id="cart-total-payable">{{ App\Models\Product::convertPrice($mainTotal)}}</span></div>
                  </li><!-- 
                  <li>
                  <div class="cupon-box">
                    <div id="coupon-link">{{ $langg->lang132 }}</div>
                    <form id="coupon-form" class="coupon">
                      <div class="l"><input type="text" placeholder="{{ $langg->lang133 }}" id="code" required="" autocomplete="off"></div>
                      <input type="hidden" class="coupon-total" id="grandtotal" value="{{ $mainTotal>0 ? App\Models\Product::convertPrice($mainTotal) : '0.00' }}">
                      <div class="r"><button type="submit">{{ $langg->lang134 }}</button></div>
                    </form>
                  </div>
                </li> -->
               </ul>
            </div>
            <!-- <div class="saving-value">
               <span>Your Total Savings on this order ₹74,342</span>
            </div> -->
            <div class="cart-countinue">
               <button redirect="{{ route('front.checkout') }}">{{ $langg->lang135 }}</button>
            </div>
         </div>
      </div>
      @endif
   </div>
</div>

@endsection