@extends('front.layouts.app', ['title' => 'Cart'])

@section('content')
@include('front.layouts.app-header')

<section class="add_to_cart_sec">
    <div class="container">
        <div class="row">
            <div class="col col-9">
                <div class="card">
                    <div class="card_title">
                        <h3>Shopping Cart <span class="cartCount"> {{count($cartContents)}} Item</span></h3>
                    </div>
                    <div class="card_content">
                        <div class="cart_listing_wrapper">
                            <div class="cart_list_header">
                                <div class="cart_list_title">
                                    <p>Product Details</p>
                                </div>
                                <div class="cart_quantity_title">
                                    <p>Quantity</p>
                                </div>
                                <div class="cart_price_title">
                                    <p>Price</p>
                                </div>
                                <div class="cart_total_title">
                                    <p>Total</p>
                                </div>
                                <div class="remove_cart_title">
                                    <p>Remove</p>
                                </div>
                            </div>
                            <div class="cart_list_body">
                                @if(isset($cartContents) && count($cartContents) > 0)
                                @foreach($cartContents as $cart)
                                <div class="card_list_item">
                                    <div class="cart_img_content">
                                        <div class="cart_image_wrap">
                                        @if(!empty($cart->product->productsImageFirst->filename) && \Illuminate\Support\Facades\Storage::exists($cart->product->productsImageFirst->filename))
                                        <img src="{{ url('storage') . '/' . $cart->product->productsImageFirst->filename}}">
                                        @else
                                        <img src="{{ url('storage') . '/no_image.png'}}">
                                        @endif
                                         </div>

                                        <div class="cart_item_content">
                                            <h4><a href="{{route('product-detail', ['slug' => $cart->product->slug])}}">{{$cart->name}}</a></h4>
                                            <h5><a href="javascript:;">Size: {{$cart->options->details['variant']->size->name}}</a></h5>
                                            <p> {{$cart->options->details['product_desc']}}</p>
                                        </div>
                                    </div>
                                    <div class="cart_qnty_wrap" data-text="Quantity">
                                        <div class="quantity_counter">
                                            <span class="quantity_counter_btn minusCart" data-variantid="{{$cart->options->details['variant']->id}}" data-rowid="{{$cart->rowId}}" data-prod_id="{{$cart->id}}"><i class="fas fa-minus"></i></span>
                                            <div class="output">{{$cart->qty}}</div>
                                            <span class="quantity_counter_btn plusCart" data-rowid="{{$cart->rowId}}" data-variantid="{{$cart->options->details['variant']->id}}" data-prod_id="{{$cart->id}}"><i class="fas fa-plus"></i></span>
                                        </div>
                                    </div>
                                    <div class="cart_price_wrap" data-text="Price">
                                        <p>{{config('constant.CURRENCY_SIGN')}}{{$cart->price}}</p>
                                    </div>
                                    <div class="cart_total_wrap" data-text="Total">
                                        <p> {{config('constant.CURRENCY_SIGN')}} <span id="pro_total_{{$cart->rowId}}">{{ $cart->priceTotal }}</span> </p>
                                    </div>
                                    <div class="remove_cart_item" data-text="Remove">
                                        <a href="Javascript:;" class="view remove-to-cart" data-rowId="{{$cart->rowId}}" data-prod_id="{{$cart->id}}"><i class="far fa-trash-alt"></i></a>
                                    </div>
                                </div>
                                @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col col-3">
                <div class="card">
                    <div class="card_title">
                        <h3>Order Summary</h3>
                    </div>
                    <div class="card_content">
                        <div class="ord_smry_list_wrap">
                            <ul>
                                <li><label for="">Items <em><span class="cartCount">{{count($cartContents)}}</span></em></label><span>{{ config('constant.CURRENCY_SIGN') }} <span class="total">{{ Cart::total() }}</span></span></li>
                                <li><label for="">Shipping Charges</label><span>$0.00</span></li>
                            </ul>
                        </div>
                        <div class="ord_smry_final_price">
                            <ul>
                                <li><label for="">Total Cost</label><span>{{ config('constant.CURRENCY_SIGN') }}<span class="total">{{ Cart::total() }}</span></span></li>
                            </ul>
                            <div class="c_btn c_btn_red">
                                <a href="{{route('checkout')}}">Checkout</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('front.layouts.app-footer')
@endsection