{% include 'layouts/product_header.html' %}

<!-- BREADCRUMB AREA START -->
<div class="ltn__breadcrumb-area ltn__breadcrumb-area-2 ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image" data-bg="img/bg/9.jpg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__breadcrumb-inner ltn__breadcrumb-inner-2 justify-content-between">
                    <div class="section-title-area ltn__section-title-2">
                        <h6 class="section-subtitle ltn__secondary-color">  Welcome to Organic Veg</h6>
                        <h1 class="section-title white-color">Cart</h1>
                    </div>
                    <div class="ltn__breadcrumb-list">
                        <ul>
                            <li><a href="/">Home</a></li>
                            <li>Cart</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- BREADCRUMB AREA END -->

<!-- SHOPING CART AREA START -->
<div class="liton__shoping-cart-area mb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="shoping-cart-inner">
                    <div class="shoping-cart-table table-responsive">
                        {% if cart_data.length >0 %}
                        <table class="table">
                            <thead style="text-align: center">
                            <th class="cart-product-remove col-md-1">Remove</th>
                            <th class="cart-product-image col-md-2">Image</th>
                            <th class="cart-product-info col-md-3">Product Name</th>
                            <th class="cart-product-price col-md-2">Price</th>
                            <th class="cart-product-quantity col-md-2">Quantity</th>
                            <th class="cart-product-subtotal col-md-2">Subtotal</th>
                            </thead> 
                            <tbody style="text-align: center">
                                {% set total_price =0 %}
                                {% for c in cart_data %}
                                <tr id="product{{ c.prd_id }}">
                                    <td class="cart-product-remove col-md-1 btn_remove_cart" id="{{ c.id }}" name="{{ c.prd_id }}">x</td>
                                    <td class="cart-product-image col-md-2">
                                        <a href="javascript:void(0)" class="click_product_name" id="{{ c.prd_id }}"><img src="{{ c.img }}" alt="#"></a>
                                    </td>
                                    <td class="cart-product-info col-md-3">
                                        <h4><a href="javascript:void(0)" class="click_product_name" id="{{ c.prd_id }}">{{ c.name }}</a></h4>
                                    </td>

                                    {% set price = c.price %}
                                    {% set disc =c.discount %}
                                    {% set disc_price = price * disc /100 %}

                                    {% set a = price - disc_price %}

                                    {% if c.quantity > c.sell_stock  %}
                                    {% set buy_quantity= c.buy_quantity %}
                                    {% else %}
                                    {% set buy_quantity= 0 %}
                                    {% endif %}

                                    {% set price_prd = buy_quantity * a %}
                                    {% set total_price = total_price + price_prd %}

                                    <td class="cart-product-price col-md-2" id="price{{ c.prd_id }}">₹ <span>{{ price - disc_price }}</span></td>
                                    <td class="cart-product-quantity col-md-2" id="{{ c.prd_id }}">

                                        {% if c.quantity > c.sell_stock  %}
                                            <div class="cart-plus-minus">
                                            <input type="text" disabled="" value="{{ buy_quantity }}" name="qtybutton" id="qty{{ c.prd_id }}" class="cart-plus-minus-box">Kg.
                                        </div>
                                        {% else %}
                                        <input type="text" disabled="" value="{{ buy_quantity }}" name="qtybutton" id="qty{{ c.prd_id }}" class="cart-plus-minus-box"><br>
                                        <span style="color: red;font-size: 12px"><b>Out Of Stock <span id="available_stock"></span></b></span> 
                                        {% endif %}

                                        
                                    </td>
                                    {% set t= price - disc_price %}
                                    <td class="cart-product-subtotal col-md-2" id="total_price{{ c.prd_id }}"> ₹ <span>{{ buy_quantity * t }}</span></td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        {% else %}
                        <div>
                            <div>
                                <h3><span class="fa fa-cart-plus" aria-hidden="true"></span><span style="text-align: center;color: green"> Product Not Available In Cart!</span></h3>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                    {% if cart_data.length >0 %}
                    <div class="shoping-cart-total mt-50">
                        <h4>Cart Totals</h4>
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td>Cart Subtotal</td>
                                    <td id="check_out_price">₹ <span>{{ total_price }}</span></td>
                                </tr>
                                <tr>
                                    <td>Shipping and Handing</td>
                                    {% set carting = 0 %}
                                    {% if total_price >=1 && total_price <= 800 %}
                                    {% set carting = 0 %}
                                    {% elseif total_price > 800 && total_price <=1500 %}
                                    {% set carting = 0 %}
                                    {% elseif total_price > 1500 %}
                                    {% set carting = 0 %}
                                    {% endif %}
                                    <td>₹ {{ carting }}</td>
                                </tr>
                                <!--                                <tr>
                                                                    <td>Vat</td>
                                                                    <td>$00.00</td>
                                                                </tr>-->
                                <tr>
                                    <td><strong>Order Total</strong></td>
                                    <td><strong id="check_out_total">₹ <span>{{ total_price + carting }}</span></strong></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="btn-wrapper text-right">
                            <a href="javascript:void(0)" id="btn_checkout" class="theme-btn-1 btn btn-effect-1">Proceed to checkout</a>
                        </div>
                        <div>
                            <div id="msg_checkout"></div>
                        </div>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- SHOPING CART AREA END -->

<!-- FEATURE AREA END -->
<script type="text/javascript">

    $(document).ready(function () {

        $(document.body).on('click', '.inc.qtybutton', function (e) {
//            alert('Plus Button Clicked ' + $(this).parent().parent().attr('id'));
            var prd_id = $(this).parent().parent().attr('id');
            var price = $('#price' + prd_id).find('span').text();
            var total_price = $('#total_price' + prd_id).find('span').text();
            var total_qty = $('#qty' + prd_id).val();
//            alert('Price is ' + price);
//            alert('total_price is ' + total_price);
//            alert('qty is ' + total_qty);

//            var cal_price = total_qty * price;
//            $('#total_price' + prd_id).find('span').text(cal_price);

            var cal_price = total_qty * price;
            var cal_price1 = cal_price.toString().substring(0, 6);
            $('#total_price' + prd_id).find('span').text(cal_price1);
            var check_out_price = $('#check_out_price').find('span').text();
            var cal_check_out_price = check_out_price - total_price;
            var cal_final_price = cal_check_out_price + cal_price;
            var ab = cal_final_price.toString().substring(0, 6);
            $('#check_out_price').find('span').text(ab);
            var check_out_total = $('#check_out_total').find('span').text();

            var carting = 0;
            if (cal_final_price >= 1 && cal_final_price <= 800) {
                carting = 0;
            } else if (cal_final_price > 800 && cal_final_price <= 1500) {
                carting = 0;
            } else if (cal_final_price > 1500) {
                carting = 0;
            }

            var cal_check_out_total = cal_final_price + carting;
            var ab1 = cal_check_out_total.toString().substring(0, 6);
            $('#check_out_total').find('span').text(ab1);

            var data = {};
            data.prd_id = prd_id;
            data.buy_quantity = 1;
            if (prd_id == '')
            {
                alert('Product id is Null');
            } else {
                $.ajax({
                    cache: false,
                    type: 'POST',
                    async: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'product_add_to_cart',
                    success: function (data) {
                        debugger;
//                        alert('data ' + data);
                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        }
        );
        $(document.body).on('click', '.dec.qtybutton', function (e) {
            debugger;
//            alert('Minus Button Clicked ' + $(this).parent().parent().attr('id'));
            var prd_id = $(this).parent().parent().attr('id');
            var price = $('#price' + prd_id).find('span').text();
            var total_price = $('#total_price' + prd_id).find('span').text();
            var total_qty = $('#qty' + prd_id).val();
//            alert('Price is ' + price);
//            alert('total_price is ' + total_price);
//            alert('qty is ' + total_qty);

            var cal_price = total_qty * price;
            var cal_price1 = cal_price.toString().substring(0, 6);
            $('#total_price' + prd_id).find('span').text(cal_price1);

            var check_out_price = $('#check_out_price').find('span').text();
            var cal_check_out_price = check_out_price - total_price;
            var cal_final_price = cal_check_out_price + cal_price;

            var ab = cal_final_price.toString().substring(0, 6);
            $('#check_out_price').find('span').text(ab);

            var check_out_total = $('#check_out_total').find('span').text();

            var carting = 0;
            if (cal_final_price >= 1 && cal_final_price <= 800) {
                carting = 0;
            } else if (cal_final_price > 800 && cal_final_price <= 1500) {
                carting = 0;
            } else if (cal_final_price > 1500) {
                carting = 0;
            }

            var cal_check_out_total = cal_final_price + carting;
            var ab1 = cal_check_out_total.toString().substring(0, 6);
            $('#check_out_total').find('span').text(ab1);

            var data = {};
            data.prd_id = prd_id;
            data.buy_quantity = 1;
            data.del_quantity = 1;
            if (prd_id == '')
            {
                alert('Product id is Null');
            } else {
                $.ajax({
                    cache: false,
                    type: 'POST',
                    async: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'product_add_to_cart',
                    success: function (data) {
                        debugger;
//                        alert('data ' + data);
                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        });


        $(document.body).on('click', '#btn_checkout', function (e) {
//            alert('Checkout Button clicked ');
            var check_out_price = $.trim($('#check_out_price').find('span').text());
            var check_out_total = $.trim($('#check_out_total').find('span').text());

            debugger;
            if (check_out_price == "0" || check_out_price == 0 || check_out_price == "" || check_out_price == undefined)
            {
                $("#msg_checkout").fadeIn(500);
                $("#msg_checkout").html("* Product Add in Cart!").css({'color': 'red'});
                $("#msg_checkout").focusin();
            } else {
//                alert('Procced To Pay! ');
                setTimeout(function () {
                    window.location.href = "/checkout";
                }, 100);
            }
        });


        $(document.body).on('click', '.btn_remove_cart', function (e) {
            var prd_id = $(this).attr('name');
            var cart_id = $(this).attr('id');
//            alert('prd id ' + prd_id);
//            alert('cart id ' + cart_id);

            var data = {};
            data.prd_id = prd_id;
            data.cart_id = cart_id;
            if (prd_id == '')
            {
                alert('Product id is Null');
            } else {
                $.ajax({
                    cache: false,
                    type: 'POST',
                    async: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'product_remove_to_cart',
                    success: function (data) {
                        debugger;
//                        alert('data ' + data);
                        if (data == 'DEL_CART')
                        {
                            var total_price = $('#total_price' + prd_id).find('span').text();
                            var check_out_price = $('#check_out_price').find('span').text();
                            var cal_check_out_price = check_out_price - total_price;

                            var ab = cal_check_out_price.toString().substring(0, 6);
                            $('#check_out_price').find('span').text(ab);

                            var check_out_total = $('#check_out_total').find('span').text();
                            var cal_check_out_total = cal_check_out_price + 40;
                            var ab1 = cal_check_out_total.toString().substring(0, 6);
                            $('#check_out_total').find('span').text(ab1);

                            $('#product' + prd_id).remove();

                        } else if (data == 'NOT_CART')
                        {
                            alert('Some Issue in Product Remove to cart. ');
                        }

                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        });
    });
</script>

{% include 'layouts/footer.html' %}