@php 
$cookievalue = json_decode(Cookie::get('carterror'),true)??[];
@endphp
<form action="{{route('checkout')}}" method="post">
    @csrf
    <input type="hidden" name="user_id" value="{{$user_id}}">
    <table class="mystocktable">
        <thead>
        <tr>
            <th>Product</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Total</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
            <tr style="display:none"><td colspan="5"></td></tr>
        @php $total=0; @endphp
        @foreach($cart as $p)
            @php $total+=$p->price*$p->quantity; 
            $style = (in_array($p->id,$cookievalue)) ? 'style="background-color: coral;"' : "";
            
            @endphp
            <tr id="{{$p->id}}" @php echo $style; @endphp>
                <td>{{$p->productName}} </td>
                <td>
                    <div class="original_price">₹ {{ number_format($p->price,2)}}</div>
                </td>
                <td class="btn-section">
                    <div class="quantity">

                        <span class="minus" onclick="removefromcart({{$user_id}},{{$p->product_id}})">-</span>
                        <input type="text" value="{{$p->quantity}}" onkeyup="changecart({{$user_id}},{{$p->product_id}},this.value)"/>
                        @if($p->stock>$p->quantity)
                            <span class="plus" onclick="addtocart({{$user_id}},{{$p->product_id}},{{$p->stock}})">+</span>
                        @endif
                    </div>
                </td>
                <td>
                    <div class="original_price">₹ {{ number_format($p->price*$p->quantity,2) }}</div>
                </td>
                <td class="delete_btn_td">
                    <div class="delete_btn" onclick="deletecart({{$p->id}})">
                        <div>X</div>
                    </div>
                </td>
            </tr>
        @endforeach
        <tr class="heading">
            <th colspan="3">Total</th>
            <th colspan="2">₹ {{number_format(round($total),2)}} <br><i>( ₹ {{ number_format($total,2) }}) </th>
        </tr>
        </tbody>
    </table>
    @if($total>0)
        <input type="hidden" name="shippingPrice" value="{{$shippingPrice}}">
    <input type="submit" value="Place Order" class="btn btn-success" style="float: right;margin-top: 10px" onclick=" return confirm('Are you want to place This order !!')">
    @endif
</form>

<script>
    function addtocart(user_id, product_id,stock) {
         if(product_id==0){
            var qty="1";
        }else{
            var qty=$(".qty_"+product_id).val();
        }
        if(qty > stock){
            return false;
        }
        if(qty>1){}else{qty="1";}
        $.get("/updatecart/add/" + user_id + "/" + product_id+ "/"+qty, function (res) {
            $(".cart").html(res);
        })
    }

    function removefromcart(user_id, product_id) {
        $.get("/updatecart/remove/" + user_id + "/" + product_id+ "/1", function (res) {
            $(".cart").html(res);
        })
    }
    
     function changecart(user_id, product_id,quantity) {
        $.get("/updatecart/update/" + user_id + "/" + product_id+"/"+quantity, function (res) {
            $(".cart").html(res);
        })
    }
    
    

    function deletecart(id) {
        
        var result = confirm("Want to delete?");
if (result) {
        $.get("/deletecart/" + id, function () {
            addtocart({{$user_id}}, 0 , 1);
        })
}
    }


    $(document).ready(function () {
        $('.minus').click(function () {
            var $input = $(this).parent().find('input');
            var count = parseInt($input.val()) - 1;
            count = count < 1 ? 0 : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.plus').click(function () {
            var $input = $(this).parent().find('input');
            $input.val(parseInt($input.val()) + 1);
            $input.change();
            return false;
        });
    });
</script>