@php
   $subtotal = Cart::instance('shopping')->subtotal();
   $subtotal = str_replace(',', '', $subtotal);
   $subtotal = str_replace('.00', '', $subtotal);
   $shipping = Session::get('shipping') ? Session::get('shipping') : 0;
 @endphp
<table class="cart_table table mb-0">
   <thead>
      <tr>
         <th class="text-center">Remove</th>
         <th>Product</th>
         <th class="text-center">Qty</th>
         <th class="text-end px-4">Price</th>
      </tr>
   </thead>
   <tbody>
      @foreach (Cart::instance('shopping')->content() as $value)
         <tr>
            <td>
               <div class="d-flex justify-content-center align-items-center">
                  <a class="cart_removee cursor-pointer" data-id="{{ $value->rowId }}">
                     <i class="fas fa-trash text-danger"></i>
                  </a>
               </div>
            </td>
            <td>
               <div class="d-flex align-items-center justify-content-start" style="width: max-content;">
                  <img src="{{ asset($value->options->image) }}" width="50" class="rounded me-2" />
                  <div>
                     <p class="mb-0 fw-bold" style="max-width: 130px">{{ Str::limit($value->name, 25) }}</p>
                     @if ($value->options->product_size)<small class="text-muted">Size:
                     {{ $value->options->product_size }}</small>@endif
                     @if ($value->options->product_color)<small class="text-muted">Color:
                     {{ $value->options->product_color }}</small>@endif
                  </div>
               </div>
            </td>
            <td>
               <div class="qty-cart d-flex justify-content-center">
                  <div class="quantity d-flex align-items-center border rounded">
                     <button class="btn btn-sm btn-light cart_decrementt" data-id="{{ $value->rowId }}">-</button>
                     <input type="text" value="{{ $value->qty }}" readonly
                        class="form-control form-control-sm text-center border-0" style="width: 40px;" />
                     <button class="btn btn-sm btn-light cart_incrementt" data-id="{{ $value->rowId }}">+</button>
                  </div>
               </div>
            </td>
            <td>
               <div class="d-flex justify-content-end align-items-center px-4 h-full">
                  ৳ <strong>{{ $value->price }}</strong>
               </div>
            </td>
         </tr>
      @endforeach
   </tbody>
   <tfoot class="bg-light">
      <tr>
         <th colspan="3" class="text-end px-4 py-2">Subtotal</th>
         <td class="text-end px-4 py-2">৳ <strong>{{ $subtotal }}</strong></td>
      </tr>
      <tr>
         <th colspan="3" class="text-end px-4 py-2">Shipping Charge</th>
         <td class="text-end px-4 py-2">৳ <strong>{{ $shipping }}</strong></td>
      </tr>
      <tr class="table-active">
         <th colspan="3" class="text-end px-4 py-2">Total</th>
         <td class="text-end px-4 py-2 text-primary">৳ <strong>{{ $subtotal + $shipping }}</strong></td>
      </tr>
   </tfoot>
</table>