@extends('frontend.layouts.app')

@section('frontend_content')

<div class="page-header text-center" style="background-image: url('{{ asset('frontend_asset/images/page-header-bg.jpg') }}')">
    <div class="container">
        <h1 class="page-title">Shopping Cart<span>Shop</span></h1>
    </div><!-- End .container -->
</div><!-- End .page-header -->
<nav aria-label="breadcrumb" class="breadcrumb-nav">
    <div class="container">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url('/')}}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('cart_list')}}">Shopping Cart</a></li>
        </ol>
    </div><!-- End .container -->
</nav><!-- End .breadcrumb-nav -->
<div class="page-content">
    <div class="cart">
        <div class="container">
            <form action="{{ Route('update_Cart_Item') }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-lg-9">
                        <table class="table table-cart table-mobile">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Stock</th>
                                    <th>Price</th>
                                    <th>Quantity</th>
                                    <th>Total</th>
                                    <th></th>
                                </tr>
                            </thead>

                            <tbody>

                                @php
                                    $userDetails = Auth::user();
                                @endphp

                                @if(isset($cartsss))
                                    @forelse ($cartsss as $item)
                                        <tr>
                                            <td class="product-col">
                                                <div class="product">
                                                    <figure class="product-media">
                                                        
                                                        @isset($item->products->en_slug)
                                                        <a href="{{ Route('product_details',['en_slug'=>$item->products->en_slug]) }}">
                                                            <img src="{{ $item->products->thum_image }}" alt="Product image">
                                                        </a>
                                                        @endisset
                                                    </figure>

                                                    <h3 class="product-title">
                                                        @isset($item->products->en_slug)
                                                        <a href="{{ Route('product_details',$item->products->en_slug) }}">{{ $item->products->bn_name }}</a>
                                                        @endisset
                                                    </h3><!-- End .product-title -->
                                                </div><!-- End .product -->
                                            </td>
                                            <td class="{{ $item->products->qty == 0 ? 'text-danger' : ($item->products->qty > 0 ? 'text-success' : '')}}">
                                                {{ $item->products->qty == 0 ? 'Out of stock' : ($item->products->qty >0 ? 'In stock' : '')}}

                                            </td>
                                            <td class="price-col">
                                                @if ($item->products->promotions == 1)
                                                    {{$userDetails && $userDetails->referral_code ? $item->products->wholesale_price - $item->products->dis_price_wholesale  : $item->products->retail_price - $item->products->dis_price_retail}}
                                                @else
                                                    {{ $userDetails && $userDetails->referral_code ? $item->products->wholesale_price : $item->products->retail_price }}<br>                                      
                                                @endif
                                            </td>
                                            <td class="quantity-col">
                                                <div class="cart-product-quantity">
                                                    <input type="number" class="form-control cart-quantity" name="quantity[]" value="{{ $item->quantity}}" min="1" step="1" 
                                                    data-products-price="
                                                    @if ($item->products->promotions == 1)
                                                        {{$userDetails && $userDetails->referral_code ? $item->products->wholesale_price - $item->products->dis_price_wholesale  : $item->products->retail_price - $item->products->dis_price_retail}}
                                                    @else
                                                        {{ $userDetails && $userDetails->referral_code ? $item->products->wholesale_price : $item->products->retail_price }}<br>                                      
                                                    @endif
                                                    
                                                    " {{ old('quantity[]')}} required>

                                                    <input type="hidden" name="product_id[]" class="total-col-hidden" value="{{$item->products?->id}}">
                                                </div>
                                            </td>
                                            {{-- <td class="quantity-col">
                                                <div class="cart-product-quantity">
                                                    <input type="number" class="form-control cart-quantity" name="quantity[]" value="1" min="1" step="1" data-retail-price="{{ $item->products?->retail_price }}" data-stock="{{ $item->products?->stock }}" required>
                                                    <input type="hidden" name="product_id[]" class="total-col-hidden" value="{{$item->products?->id}}">
                                                </div>
                                            </td> --}}
                                            
                                            <td class="total-col">{{ $item->products?->retail_price }}</td>

                                            <td class="remove-col">
                                                {{-- <button class="btn-remove">
                                                    <form action="{{ route('delete_Cart_Item',$item->id) }}" method="post">
                                                        @csrf
                                                        <button type="submit" class="btn-remove mb-3"><i class="icon-close"></i></button>
                                                    </form>
                                                </button> --}}
                                                <a href="{{ route('delete_Cart_Item',$item->id) }}"><i class="icon-close"></i></a>
                                            </td>
                                        </tr>
                                    @empty
                                            <tr>
                                                <td class="text-sm" colspan="5">Data Not Found!!</td>
                                            </tr>
                                    @endforelse
                                @endif
                            </tbody>
                        </table><!-- End .table table-wishlist -->

                    </div><!-- End .col-lg-9 -->


                    <aside class="col-lg-3">
                        <div class="summary summary-cart">
                            <h3 class="summary-title">Cart Total</h3><!-- End .summary-title -->
                                <table class="table table-summary">
                                    <tbody>
                                        <tr class="summary-subtotal">
                                            <td>Subtotal:</td>
                                            <td id="subtotal"></td>
                                        </tr><!-- End .summary-subtotal -->
                                        <tr class="summary-shipping">
                                            <td>Shipping:</td>
                                            <td>&nbsp;</td>
                                        </tr>

                                        <tr class="summary-shipping-row">
                                            <td>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="free-shipping" name="shipping" class="custom-control-input" value="70" checked>
                                                    <label class="custom-control-label" for="free-shipping">Standard Charge</label>
                                                </div><!-- End .custom-control -->
                                            </td>
                                            <td>Tk. 70</td>
                                        </tr><!-- End .summary-shipping-row -->

                                        <tr class="summary-shipping-row">
                                            <td>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="standard-shipping" name="shipping" class="custom-control-input" value="120">
                                                    <label class="custom-control-label" for="standard-shipping">Outside Dhaka</label>
                                                </div><!-- End .custom-control -->
                                            </td>
                                            <td>Tk. 120</td>
                                        </tr><!-- End .summary-shipping-row -->

                                        <tr class="summary-total">
                                            <td>Total:</td>
                                            <td id="total"> </td>
                                        </tr><!-- End .summary-total -->
                                    </tbody>
                                </table><!-- End .table table-summary -->
                                <button class="btn btn-outline-primary-2 btn-order btn-block" type="submit">PROCEED TO CHECKOUT</button>
                            
                        </div><!-- End .summary -->

                        <a href="{{ url('/')}}" class="btn btn-outline-dark-2 btn-block mb-3"><span>CONTINUE SHOPPING</span><i class="icon-refresh"></i></a>
                    </aside><!-- End .col-lg-3 -->
                </div><!-- End .row -->
            </form>
        </div><!-- End .container -->
    </div><!-- End .cart -->
</div><!-- End .page-content -->



<script>
document.addEventListener('DOMContentLoaded', function() {
    const cartQuantities = document.querySelectorAll('.cart .cart-quantity');

    function updateCartTotals() {
        let subtotal = 0;

        cartQuantities.forEach(function(input) {
            const quantity = parseInt(input.value);
            const retailPrice = parseFloat(input.getAttribute('data-products-price'));
            const total = quantity * retailPrice;

            const row = input.closest('tr');
            const totalCol = row ? row.querySelector('.total-col') : null;
            const totalColHidden = row ? row.querySelector('.total-col-hidden') : null;

            if (totalCol) totalCol.textContent = total.toFixed(2);
            if (totalColHidden) totalColHidden.textContent = total.toFixed(2);

            subtotal += total;
        });

        document.getElementById('subtotal').textContent = subtotal.toFixed(2);

        const selectedShipping = document.querySelector('.summary-shipping-row input[type="radio"]:checked');
        let shippingCost = 0;
        if (selectedShipping) {
            shippingCost = parseFloat(selectedShipping.value);
        }

        const total = subtotal + shippingCost;
        document.getElementById('total').textContent = total.toFixed(2);
    }

    cartQuantities.forEach(function(input) {
        input.addEventListener('input', updateCartTotals);
    });

    const shippingRadios = document.querySelectorAll('.summary-shipping-row input[type="radio"]');
    shippingRadios.forEach(function(radio) {
        radio.addEventListener('change', updateCartTotals);
    });

    updateCartTotals(); 
});

</script>

@endsection