@extends('layouts.frontend')

@section('seo')

<title>
	@if(auth()->check()) 
		{{ auth()->user()->name }} 's Cart
	@else
		Cart
	@endif
</title>
<meta charset="UTF-8">
<meta name="description" content="{{ $systemInfo->description??null }}">
<meta name="keywords" content="{{ $systemInfo->description??null }}, {{ $systemInfo->description??null }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

@endsection

@section('content')

<!-- cart section end -->
    <section class="cart--detail">
        <div class="container">
            <div class="row">
                <div class="col-12 ">
                    <ul class="breadcrumb">
                        <li class="crumb"><a href="{{URL::to('/')}}">Home</a></li>

                        <li class="crumb"><span>Cart</span></li>
                    </ul>

                </div>
            </div>
            <div class="row mt-4 ">
                <div class="col-12 ">
                <h1 class="h3">My Cart ({{ Cart::content()->count() }})</h1>
                </div>
            </div>
            <div class="row mt-4 ">
                <div class="col-12 col-lg-8">
                    <div class="cart-item table-responsive">
                        <table class="table" cellpedding="0" cellspacing="0" >
                            <thead>
                                <tr>
                                    <th class="name">Product Details</th>
                                    <th class="price">Price</th>
                                    <th class="quantity">Quantity</th>
                                    <th class="action">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            @forelse(Cart::content() as $index => $item)
                                <tr class="item_list_tr" data-cart-id={{$index}}>
                                    <td class="name">
                                        <ul class="m-0 p-0">
                                            <li class="d-flex align-items-center cart-list-item">
                                                <a href="{{ route('single-product', $item->model->slug) }}">
                                                    @if($item->model->photos->count() > 0)
                                                        <figure class="me-3"><img src="/storage/{{ $item->model->photos->first()->images }}" alt="cart prod"></figure>
                                                    @else
                                                        <figure class="me-3"><img src="{{ asset('frontend/img/no-image.png') }}" alt="cart prod"></figure>
                                                    @endif
                                                </a>
                                                <div class="prod-info">
                                                    <a href="{{ route('single-product', $item->model->slug) }}"><h3 class="h6">{{ $item->model->name }}</h3></a>
                                                    <p>Condition : {{ $item->model->product_condition  }}</p>
                                                    @if($item->model->quantity == 0)
                                                      <span class="out_of_stock">Out of stock</span>
                                                    @endif
                                                </div>
                                            </li>
                                        </ul>
                                    </td>
                                    <td class="price"><h3 class="h4">$<span class="product_price">{{ $item->model->price }}</span></h3></td>
                                    
                                    <td class="quantity">
                                        @if($item->model->quantity > 0)
                                        <form class="submit_cart_form_{{$index}}" action="{{ route('cart.update', $item->rowId) }}" method="post">
                                            @csrf
                                            @method('PATCH')
                                            <input type="hidden" name="product_id" value="{{$item->id}}" />
                                            <div class="cart-items-details input-group number d-flex align-items-center justify-content-center">
                                                
                                                <span class="minus items-change">-</span>
                                                <div class="pro-qty">
                                                    <input type="text" class="item_quantity" name="quantity" value="{{$item->qty}}">
                                                </div>
                                                @if($item->model->quantity == $item->qty)
                                                <span class="plus items-change disabled">+</span>
                                                @else
                                                <span class="plus items-change">+</span>
                                                @endif
                                             </div>
                                        </form>
                                        @endif
                                    </td>
                                    
                                    <td class="text-center action">

                                        <form action="{{ route('cart.destroy', $item->rowId) }}" method="post">
                                            @csrf
                                            @method('DELETE')
                                            <button style="border: none;">
                                                <i class="fa-regular fa-trash-can" title="Remove Product" style="cursor: pointer;"></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @empty 
                                <tr>
                                    <td colspan="4">No item is in cart</td>
                                </tr>
                            @endforelse
                                
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="4">
                                        <div class="button-shopping d-flex justify-content-between">
                                        <a href="{{url('/')}}" class="btn btn-primary custom-button button-continue">Continue Shopping</a> 
                                        @if(Cart::content()->count() > 0)
                                         <a href="{{URL::to('/cart/destroy')}}" class="btn btn-primary custom-button remove-button">Remove All</a>
                                        @endif
                                        </div>
                                    </td>  
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                <div class="col-12 col-lg-4">
                    <div class="cart-total">
                        <div class="cart-title">
                            <h2 class="h5 mb-0">Price details</h2>
                        </div>
                        <div class="cart-pay-table">
                            <div class="subtotal">
                                <h3 class="h6">Price ({{ Cart::content()->count() }} items)</h3>
                                <h4 class="h6">$<span class="cart_price">{{$newSubtotal}}</span></h4>
                            </div>
                            <!--<div class="subtotal">
                                <h3 class="h6">Discount</h3>
                                <h4 class="h6 green">-$14.00</h4>
                            </div>
                           <div class="subtotal">
                                <h3 class="h6">Delivery Charges</h3>
                                <h4 class="h6">+$14.00</h4>
                            </div>-->
                            <div class="Total">
                                <h3 class="h5">Total:</h3>
                                <h4 class="h5">$<span class="cart_price">{{$newSubtotal}}</span></h4>
                            </div>
                            @if(Cart::content()->count() > 0)
                            <div class="add-cart-button my-4">
                                <a href="{{ route('checkout.index') }}" class="btn btn-primary custom-button ">Proceed To Checkout</a>
                            </div>
                            @endif
                            <div class="payment">
                                <figure><img src="{{ asset('images/payment-cart-icon.png') }}" alt="icon"></figure>
                            </div>
                            


                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

<!-- Related product section end -->

@endsection


@section("scripts")
<script>
   
$(".items-change").click(function(){
    var cartRowId = $(this).closest(".item_list_tr").data("cart-id");


    var parentClass = $(this).closest(".cart-items-details");
    var quantityAdded = parseInt(parentClass.find(".item_quantity").val());

    if($(this).hasClass("minus")){
        if(quantityAdded == "1"){
            alert("There should be atleast 1 quantity");
            return false;
        }else{
            quantityAdded = quantityAdded-1;
        }
    }else{
        quantityAdded = quantityAdded+1;
    }
    parentClass.find(".item_quantity").val(quantityAdded);

    $(".submit_cart_form_"+cartRowId).submit();
    
})

</script>
@endsection