@if (session('cart'))
    <div class="container">

        <div class="row">
            <div class="col-12">
                <div class="table-responsive shop_cart_table">
                    @php $total = 0 @endphp
                    <table class="table">
                        <thead>
                            <tr>
                                <th class="product-thumbnail">&nbsp;</th>
                                <th class="product-name">Product</th>
                                <th class="product-price">Price</th>
                                <th class="product-quantity">Quantity</th>
                                <th class="product-subtotal">Total</th>
                                <th class="product-remove">Remove</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (session('cart'))
                                @foreach (session('cart') as $id => $details)
                                    @php $total += $details['price'] * $details['quantity'] @endphp
                                    <tr data-id="{{ $id }}">
                                        <td class="product-thumbnail"><a href="#"><img
                                                    src="{{ asset('uploads/products') }}/{{ $details['image'] }}"
                                                    alt="{{ $details['image'] }}"></a>
                                        </td>
                                        <td class="product-name" data-title="Product"><a
                                                href="#">{{ ucwords($details['name']) }}</a></td>
                                        <td class="product-price" data-title="Price">${{ number_format($details['price']) }}</td>
                                        <td class="product-quantity" data-title="Quantity">
                                            <div class="quantity">
                                                <input type="button" value="-" class="minus update-cart"
                                                    data-val="{{ $details['quantity'] }}" id="{{ $id }}">
                                                <input type="text" name="quantity" value="{{ $details['quantity'] }}"
                                                    title="Qty" class="qty qt-{{ $id }}" size="4">
                                                <input type="button" value="+" class="plus update-cart"
                                                    data-val="{{ $details['quantity'] }}" id="{{ $id }}">
                                            </div>

                                        </td>
                                        <td class="product-subtotal" data-title="Total">
                                            ${{ number_format($details['price'] * $details['quantity']) }}</td>
                                        <td class="product-remove" data-title="Remove"><a href="#"
                                                class="remove-from-cart"><i class="ti-close"></i></a></td>
                                    </tr>
                                    <input type="hidden" value="{{ $id }}" name="product_id[]">
                                    <input type="hidden" value="{{ $details['price'] }}" name="price[]">
                                    <input type="hidden" value="{{ $details['quantity'] }}" name="quantity[]">
                                @endforeach
                            @endif

                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="6" class="px-0">
                                    <div class="row g-0 align-items-center">

                                        <div class="col-lg-4 col-md-6 mb-3 mb-md-0 text-md-start">
                                            {{-- <a href="" class="btn btn-fill-line btn-sm" type="submit">Continue Shopping</a> --}}
                                        </div>
                                        <div class="col-lg-8 col-md-6  text-start  text-md-end">
                                            <a href="{{ route('cart.empty') }}"
                                                onclick="return confirm('Are you sure?')"
                                                class="btn btn-fill-out btn-sm" type="submit">Empty
                                                Cart</a>
                                        </div>
                                    </div>
                                </td>
                            </tr>


                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="medium_divider"></div>
                <div class="divider center_icon"><i class="ti-shopping-cart-full"></i></div>
                <div class="medium_divider"></div>
            </div>
        </div>
        <div class="row">

            <div class="col-md-6">
                <div class="border p-3 p-md-4">
                    <div class="heading_s1 mb-3">
                        <h6>Cart Totals</h6>
                    </div>
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="cart_total_label">Cart Subtotal</td>
                                    <td class="cart_total_amount">${{ number_format($total) }}</td>
                                </tr>
                                {{-- <tr>
                                    <td class="cart_total_label">Shipping</td>
                                    <td class="cart_total_amount">Free Shipping</td>
                                </tr> --}}
                                <tr>
                                    <td class="cart_total_label">Total</td>
                                    <input type="hidden" name="total"  value="{{ $total }}">
                                    <td class="cart_total_amount"><strong>${{ number_format($total) }}</strong></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    @auth
                        <a href="{{ route('checkout') }}" class="btn btn-fill-out">Proceed To CheckOut</a>
                    @endauth
                    @guest
                        <a href="{{ route('customer.login') }}" class="btn btn-fill-line">Login</a>
                    @endguest
                </div>
            </div>
        </div>
    </div>
@else
    <h2 class="text-danger text-center">No product in cart</h2>
    <div class="row justify-content-center">
        <div class="col-12 text-center">
            <a href="/" class="btn btn-outline-danger">Back to Home</a>
        </div>
    </div>
@endif