@include('include.header')

<main class="main-content">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 leftw">
                @include('include.homepagesidebar')
            </div>


            <!--=============================== sidebar section end ===============================-->


            <div class="col-xs-12 col-sm-8 col-md-9 col-lg-10 right-col">

                <div class="row">
                    <div class="col-xs-12">
                        <nav class="breadcrumb" aria-label="breadcrumbs">
                            <a href="/" title="Back to the frontpage">Home</a>
                            <span aria-hidden="true" class="breadcrumb__sep">|</span>
                            <span>Cart</span>
                        </nav>
                    </div>
                </div>

                <div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="bold-cart-msg"></div>

                            <div class="table-responsive">
                                <div class="table-wrapper">
                                    <table>
                                        <thead>
                                        <tr>
                                            <th>Product</th>
                                            <th>Image</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th>Total</th>
                                            <th>Remove</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($cart as $c)
                                            <tr>
                                                <td>
                                                    <div class="tbl_cart_product">
                                                        <div class="tbl_cart_product_thumb">
                                                            <img src="{{ url("/thumb/".$c->productImage) }}"
                                                                 style="height:50px" class="img-fluid" alt=""/>
                                                        </div>

                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="tbl_cart_product">
                                                        {{$c->productName}}
                                                    </div>
                                                </td>
                                                <td>Rs {{$c->price}}</td>

                                                <td>
                                                    <div class="cartqty text-center">
                                                        @php if(empty($c->varient_id)) $c->varient_id=0 @endphp
                                                        <input type="number" class="form-control tbl_quan"
                                                               value="{{$c->quantity}}"
                                                               onblur="updatecart({{$c->product_id}},{{$c->varient_id}},{{$c->price}},this.value,{{$c->stock}})"/>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="tbl_pr_action">
                                                        Rs {{ number_format($c->Total,2)}}
                                                    </div>
                                                </td>

                                                <td><a href="/removecart/{{$c->id}}" class="cart__remove"><i
                                                            class="fa fa-close"></i></a></td>
                                            </tr>
                                        @endforeach

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!--====== cart table end ========-->


                            <div class="cart__row">
                                <div class="row">
                                    <div class="col-md-6 col-xs-12 col-sm-12 text-left">
                                    </div>
                                    <div class="col-md-6 col-xs-12 col-sm-12 text-right">
                                        <p class="cart_total_price" style="margin:0;">
                                            <span class="cart__subtotal-title h6">Subtotal:</span>
                                            <span class="h5 cart__subtotal">
                            <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_total"
                                  style="display:none !important;"></span>
                             <span class="money"
                                   data-usd="{{ number_format($total,2)}}">{{ number_format($total,2)}}</span>
                            </span>
                                        </p>
                                        <p class="shopping-checkout">Shipping, taxes, and discounts will be
                                            calculated at checkout.</p>
                                        <div class="cart_btn">
                                            <a class="btn" href="{{ route('index') }}"
                                               style="vertical-align: super;">Continue shopping</a>
@if($total>0)
                                            <a href="/checkout"><input type="button" name="checkout" class="btn"
                                                                       value="Check Out"></a>
    @endif
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>


            </div>
</main>
<script>
    function updatecart(id, varient_id, price, quantity, max) {
        if (quantity > max) {
            alert("The requested quantity is not available");

        } else {
            $.post("/updatecart", {
                "product_id": id,
                '_token': "{{ csrf_token() }}",
                "quantity": quantity,
                "varient_id": varient_id,
                "price": price
            }, function (res) {
                console.log(res);
                $("#msg").html('<div class="alert alert-success" role="alert">Cart Update successfully</div>');
                var ress = JSON.parse(res);
                $(".qut_counter").text(ress['count']);
                $("#msg").show();
                $("#totalprice").html("Rs " + ress.price);
                setTimeout(function () {
                    $("#msg").hide();
                }, 10000);
                location.reload();
            })
        }

    }
</script>

@include('include.footer')