@php
    $subtotal = Cart::instance('shopping')->subtotal();
    $subtotal=str_replace(',','',$subtotal);
    $subtotal=str_replace('.00', '',$subtotal);
    $shipping = Session::get('shipping')?Session::get('shipping'):0;
    $discount = Session::get('discount')?Session::get('discount'):0;
@endphp
<table class="cart_table table table-bordered table-striped text-center mb-0">
        <thead>
         <tr>
          <th style="width: 0%;"></th>
          <th style="width: 40%;">Product</th>
          <th style="width: 20%;">Quantity</th>
          <th style="width: 20%;">Subtotal</th>
         </tr>
        </thead>

        <tbody>
         @foreach(Cart::instance('shopping')->content() as $value)
         <tr>
          <td style="vertical-align: middle;">
           <a class="cart_remove" data-id="{{$value->rowId}}"><i class="fas fa-trash text-danger"></i></a>
          </td>
          <td class="text-left cart_product_details">
           <a href="{{route('product',$value->options->slug)}}"> <img src="{{asset($value->options->image)}}"  /></a>
           <div class="details">
                <p>{{Str::limit($value->name,20)}}</p>
                <!-- <div class="p_options">
                    @if($value->options->product_size)
                        <p>Size: {{$value->options->product_size}}</p>
                    @endif
                    @if($value->options->product_color)
                        , <p>Color: {{ $value->options->product_color }}</p>
                    @endif
                </div> -->
                <div class="price_details">
                    <p>{{$value->qty}}xTK{{$value->price}}</p>
                </div>
           </div>
          
          
          </td>
          <td class="cart_qty">
           <div class="qty-cart vcart-qty">
            <div class="quantity">
             <button class="minus cart_decrement" data-id="{{$value->rowId}}" style="background-color: #28a745; color: #fff; border: 0px;">-</button>
             <input type="text" value="{{$value->qty}}" readonly />
             <button class="plus cart_increment" data-id="{{$value->rowId}}" style="background-color: #28a745; color: #fff; border: 0px;">+</button>
            </div>
           </div>
          </td>
          <td style="vertical-align: middle;"><span class="">TK </span><strong>{{$value->price * $value->qty}}</strong></td>
         </tr>
         @endforeach
        </tbody>
        <!-- <tfoot>
         <tr>
          <th colspan="3" class="text-end px-4">মোট</th>
          <td>
           <span id="net_total" style="color: #285e23; font-size: 18px;font-weight: 700;white-space: nowrap;"><span class="">TK </span><strong>{{$subtotal}}</strong></span>
          </td>
         </tr>
         <tr>
          <th colspan="3" class="text-end px-4">ডেলিভারি চার্জ</th>
          <td>
           <span id="cart_shipping_cost" style="color: #444; font-size: 15px;font-weight: 700;white-space: nowrap;"><span class="">TK </span><strong>{{$shipping}}</strong></span>
          </td>
         </tr>
         <tr>
          <th colspan="3" class="text-end px-4">সর্বমোট</th>
          <td>
           <span id="grand_total" style="color: #e4573d; font-size: 20px;font-weight: 700;white-space: nowrap;"><span class="">TK </span><strong>{{$subtotal+$shipping}}</strong></span>
          </td>
         </tr>
        </tfoot> -->
       </table>
       <div class="order-summary-middle" data-shipping-charge="{{ $shipping }}">
            <ul>
                <li>Subtotal <h4>Tk {{ $subtotal }}</h4>
                </li>
                <li>Shipping <h4><span class="price">Tk {{ $shipping }}</span></h4>
                </li>
            </ul>
        </div>
        <div class="order-summary-bottom">
            <h4>Total <span>Tk {{ $subtotal + $shipping }}</span></h4>
        </div>

<script src="{{asset('public/frontEnd/js/jquery-3.6.3.min.js')}}"></script>
<!-- cart js start -->
<script>
    
    $('.cart_store').on('click',function(){
    var id = $(this).data('id'); 
    var qty = $(this).parent().find('input').val();
        if(id){
            $.ajax({
            type:"GET",
            data:{'id':id,'qty':qty?qty:1},
            url:"{{route('cart.store')}}",
            success:function(data){               
                if(data){
                    return cart_count();
                }
            }
            });
        }  
   });

    $('.cart_remove').on('click',function(){
    var id = $(this).data('id');   
    if(id){
        $.ajax({
           type:"GET",
           data:{'id':id},
           url:"{{route('cart.remove')}}",
           success:function(data){               
            if(data){
                $(".cartlist").html(data);
                const parsed = $('<div>').html(data);
                const shippingCharge = parsed.find('.order-summary-middle').data('shipping-charge');
                if(shippingCharge == 0){
                    $('.shipping_charge_div').html(` <p class="bg-success-subtle" style="
                                            padding: 12px 10px;
                                            border-radius: 4px;
                                            font-size: 16px;
                                            line-height: 24px;
                                            font-weight: 700;
                                        ">ফ্রি ডেলিভারি</p>`);
                } 
                
                return cart_count();
            }
           }
        });
     }  
   });

    $('.cart_increment').on('click',function(){
    var id = $(this).data('id');  
    if(id){
        $.ajax({
           type:"GET",
           data:{'id':id},
           url:"{{route('cart.increment')}}",
           success:function(data){               
            if(data){
                $(".cartlist").html(data);
                return cart_count();
            }
           }
        });
     }  
   });

    $('.cart_decrement').on('click',function(){
    var id = $(this).data('id');  
    if(id){
        $.ajax({
           type:"GET",
           data:{'id':id},
           url:"{{route('cart.decrement')}}",
           success:function(data){               
            if(data){
                $(".cartlist").html(data);
                return cart_count();
            }
           }
        });
     }  
   });

    function cart_count(){
        $.ajax({
           type:"GET",
           url:"{{route('cart.count')}}",
           success:function(data){               
            if(data){
                $("#cart-qty").html(data);
            }else{
               $("#cart-qty").empty();
            }
           }
        }); 
   };
</script>
<!-- cart js end -->