@php
     $subtotal = Cart::instance('shopping')->subtotal();
     $subtotal = str_replace(',', '', $subtotal);
     $subtotal = str_replace('.00', '', $subtotal);
     $shipping = Session::get('shipping') ? Session::get('shipping') : 0;
     //  dd();
     //  dd(Cart::instance('shopping')->content());
 @endphp

<div class="col-12 col-lg-8">
    <div class="card cart-card">
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead>
                    <tr>
                        <th class="text-center">Image</th>
                        <th>Product Details</th>
                        <th class="text-center">Model</th>
                        <th class="text-center">Price</th>
                        <th class="text-center">Quantity</th>
                        <th class="text-end">Total</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse (Cart::instance('shopping')->content() as $value)
                        <tr>
                            <td class="text-center py-3">
                                <a href="{{ route('product', $value->options->slug) }}">
                                    <img src="{{ asset($value->options->image) }}" 
                                         class="rounded shadow-sm" 
                                         style="width: 70px; height: 70px; object-fit: cover;" 
                                         alt="{{ $value->name }}">
                                </a>
                            </td>

                            <td class="py-3">
                                <a href="{{ route('product', $value->options->slug) }}" class="td-product-name d-block mb-1">
                                    {{ Str::limit($value->name, 35) }}
                                </a>
                                <div class="text-muted small">
                                    <span>Size: <strong>{{ $value->options->product_size }}</strong></span> | 
                                    <span>Color: <strong>{{ $value->options->product_color }}</strong></span>
                                </div>
                            </td>

                            <td class="text-center text-muted py-3">
                                {{ $value->options->product_code ?? 'N/A' }}
                            </td>

                            <td class="text-center fw-bold py-3 text-dark">
                                ৳{{ number_format($value->price, 2) }}
                            </td>

                            <td class="text-center py-3">
                                <div class="d-flex g-1 align-items-center">
                                    <div class="qty-stepper">
                                        <button type="button" class="cart_page_decrement" data-id="{{ $value->rowId }}">
                                            <i class="fa fa-minus"></i>
                                        </button>
                                        <input type="text" class="qty-input" value="{{ $value->qty }}" readonly>
                                        <button type="button" class="cart_page_increment" data-id="{{ $value->rowId }}">
                                            <i class="fa fa-plus"></i>
                                        </button>
                                    </div>
                                    <button type="button" data-id="{{ $value->rowId }}" class="btn-remove-item cart_item_remove">
                                       <i class="fa fa-times"></i>
                                    </button>
                                </div>
                            </td>

                            <td class="text-end py-3 pe-4 fw-bold text-primary">
                                ৳{{ number_format($value->price * $value->qty, 2) }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-5">
                                <div class="py-4">
                                    <i class="fa fa-shopping-cart fa-3x text-light mb-3"></i>
                                    <p class="text-muted">Your cart is empty!</p>
                                    <a href="{{ url('/') }}" class="btn btn-primary btn-sm rounded-pill px-4">Shop Now</a>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
 <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4 col-xl-4">
     <div class="cart-sidebar">
         <h2 class="title">What would you like to do next?</h2>

         <table class="table table-bordered">
             <tbody>
                 @php
                     $total = 0;
                     $subTotal = 0;

                     foreach (Cart::instance('shopping')->content() as $item) {
                         $subTotal += $item->price * $item->qty;
                     }

                     // $discount = 0;   // চাইলে পরে logic বসাবে
                     // $vatRate  = 0; // 5% VAT example
                     // $vat      = $subTotal * $vatRate;
                     //  $total = $subTotal - $discount + $vat;
                     $total = $subTotal;
                 @endphp
                 <tr>
                     <td class="text-end"><strong>Sub-Total:</strong></td>
                     <td class="text-end">{{ number_format($subTotal, 2) }} BDT</td>
                 </tr>

                 {{-- <tr>
                      <td class="text-end"><strong>Discount:</strong></td>
                      <td class="text-end">{{ number_format($discount, 2) }} BDT</td>
                  </tr>

                  <tr>
                      <td class="text-end"><strong>VAT:</strong></td>
                      <td class="text-end">{{ number_format($vat, 2) }} BDT</td>
                  </tr> --}}

                 <tr>
                     <td class="text-end"><strong>Total:</strong></td>
                     <td class="text-end"><strong>{{ number_format($total, 2) }} BDT</strong></td>
                 </tr>
             </tbody>
         </table>
         <div class="button-flex">
             {{-- <a class="continue-btn" type="button" href="{{ route('home') }}">continue</a> --}}
             <a type="button" class="continue-btn" href="{{ route('customer.checkout') }}" style="min-width: 100%">checkout</a>
         </div>
     </div>
 </div>