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

                    <!-- Item List -->
                    <div id="cart-items" class="space-y-6 mb-8">
                        <!-- Product Item 1 -->
                        @foreach (Cart::instance('shopping')->content() as $value)
                           <div class="cart-item flex items-center" data-price="1850">
                              <img src="{{ asset($value->options->image) }}" class="w-16 h-20 object-cover rounded-lg border bg-white">
                              <div class="ml-4 flex-1">
                                 <div class="flex justify-between">
                                       <h3 class="text-sm font-semibold">{{ Str::limit($value->name, 25) }}</h3>
                                       <button type="button" data-id="{{ $value->rowId }}" class="cart_removee text-gray-300 hover:text-red-500 transition-all">
                                          <i class="fas fa-trash"></i>
                                       </button>
                                 </div>

                                 @if ($value->options->product_size)<p class="text-[10px] text-gray-600 uppercase">Size: 
                                    {{ $value->options->product_size }}</p>@endif

                                 @if ($value->options->product_color)<p class="text-[10px] text-gray-600 uppercase">Color:
                                    {{ $value->options->product_color }}</p>@endif

                                 {{-- <p class="text-[10px] text-gray-400 uppercase">Size: M</p> --}}
                                 <div class="flex justify-between items-center mt-3">
                                       <div class="flex items-center border rounded-md bg-white">
                                          <button type="button" class="cart_decrementt px-2 py-0.5 text-gray-400 hover:text-black" data-id="{{ $value->rowId }}">-</button>
                                          <input type="text" value="{{ $value->qty }}"  class="qty-val w-10 text-center px-2 py-0.5 text-xs font-bold border-x" readonly />
                                          <button type="button" class="cart_incrementt px-2 py-0.5 text-gray-400 hover:text-black" data-id="{{ $value->rowId }}">+</button>
                                       </div>
                                       <p class="item-total text-sm font-bold">৳ {{ $value->price }}</p>
                                 </div>
                              </div>
                           </div>
                        @endforeach
                    </div>

                    <!-- Discount / Coupon Code Section -->
                    {{-- <div class="mb-8 p-4 bg-white rounded-xl border border-gray-200">
                        <label class="text-[10px] font-bold uppercase tracking-wider text-gray-400 mb-2 block">Promo Code</label>
                        <div class="flex space-x-2">
                            <input type="text" id="coupon-input" placeholder="e.g. AESTHETIC20" class="flex-1 border-gray-200 rounded-lg px-3 py-2 text-sm outline-none focus:border-black transition-all uppercase">
                            <button type="button" class="bg-black text-white px-4 py-2 rounded-lg text-xs font-bold uppercase hover:bg-zinc-800 transition-all">Apply</button>
                        </div>
                    </div> --}}

                    <!-- Pricing Table -->
                    <div class="pt-6 border-t border-gray-200 space-y-3">
                        <div class="flex justify-between text-sm">
                            <span class="text-gray-500">Subtotal</span>
                            <span id="subtotal-val" class="font-semibold text-gray-900">৳ {{ $subtotal }}</span>
                        </div>
                        <div class="flex justify-between text-sm">
                            <span class="text-gray-500">Shipping (<span id="area-label">Inside Dhaka</span>)</span>
                            <span id="shipping-val" class="font-semibold text-gray-900">৳ {{ $shipping }}</span>
                        </div>
                        <div class="flex justify-between text-lg font-bold pt-4 border-t border-gray-100">
                            <span>Total Payable</span>
                            <span id="grand-total-val" class="text-2xl text-gray-900">৳ {{ $subtotal + $shipping }}</span>
                        </div>
                    </div>