Subversion Repositories SmartDukaan

$(function () {
    //Price change handler
    $(document).on('change', "form#cd input.unitPrice, form#cd input.discount", function () {
        var $row = $(this).closest('tr'); // Get the closest <tr> parent of the changed input
        var unitPrice = parseFloat($row.find('input.unitPrice').val());

        if (isNaN(unitPrice)) {
            unitPrice = 0;
        }
        var discount = parseFloat($row.find('input.discount').val());
        var maxDiscount = parseFloat($row.find('input.discount').data('maxdiscount'));
        if (isNaN(discount)) {
            discount = 0;
        }
        if (isNaN(maxDiscount)) {
            maxDiscount = 0;
        }
        if (discount > maxDiscount) {
            alert("Discount can't be greater than max Discount");
            $row.find('input.discount').val(maxDiscount);
            $(this).focus();
            return;
        }
        if (unitPrice < 0 || (unitPrice > 0 && unitPrice - discount < 0)) {
            alert("Invalid unit/discount price");
            $(this).focus();
            return;
        }
        let lines = $("#order-items").find('tbody>tr:gt(0)').length;
        if (lines > 3) {
            calculateTotalAmount($row);
        } else {
            calculateTotalAmount();
        }
        $row.find('.mk_check_plans').trigger('click', ['manual']); // Trigger the button within the same row
    });



    $(document).on('change', "form#cd input.insuranceamount", function () {
        calculateTotalAmount();
    });

    $(document).on('click', ".create-order", function () {
        checkout("main-content");
    });

    $(document).on('click', ".mk_check_plans", function (event, source) {
        console.log("checkPlansssssss99999");
        let lines = $("#order-items").find('tbody>tr:gt(0)').length;
        if (lines > 3) {
            //No need to check plans
            return;
        }
        $('div.itemdetails').find('input').val('');
        let price = mop;
        var mop = parseFloat($(this).data("mop"));
        var sellingPrice = $(this).val();
        var itemId = $(this).closest(".input-group").find("input.insuranceamount").attr("itemid");
        if (!isNaN(sellingPrice) && parseFloat(sellingPrice) >= mop) {
            price = parseFloat(sellingPrice);
        } else {
            price = mop;
        }
        var poiId = parseFloat($(this).closest("tr").find("input.poiId").val());
        var discount = parseFloat($(this).closest("tr").find("input.discount").val());
        if (!isNaN(discount)) {
            price = price - discount;
        }
        let that = this;
        doGetAjaxRequestHandler(`${context}/checkplans?price=${price}&itemId=${itemId}&poiId=${poiId}`, function (response) {
            var obj = JSON.parse(response);
            if (obj != null) {
                getInsurancePlansModal(obj, that);
                return;
            } else {
                if (typeof source === "undefined") {
                    alert("Product is not eligible for insurance");
                }
            }
        });
    });

});

class InsuranceElement extends React.Component {
    planChecked;

    constructor(props) {
        super(props);
    }

    render() {
        console.log(this.props);
        return <table className="table table-sm">
            <thead>
            <tr>
                <th>Plan Name</th>
                <th>Duration</th>
                <th>DP</th>
                <th>Selling Price</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            {Object.keys(this.props.plans).map((planName, i) =>
                this.props.plans[planName].map((plan, i) =>
                    <tr key={i}>
                        <td>{planName}</td>
                        <td>{plan.duration}</td>
                        <td>{plan.dp}</td>
                        <td>{plan.premium}</td>
                        <td>
                            <button className="btn btn-primary" data-key={plan.productId}
                                    data-amount={plan.premium} onClick={this.planChecked}>Add
                            </button>
                        </td>
                    </tr>))}
            </tbody>
        </table>;
    }

    planChecked = (e) => {
        debugger;
        let $itemDetails = $('div.itemdetails');
        if ($itemDetails.find('.dgram').val() === '') {
            bootbox.alert('Mobile RAM is required');
            return;
        }
        if ($itemDetails.find('.dgmemory').val() === '') {
            bootbox.alert('Mobile Memory is required');
            return;
        }
        if ($itemDetails.find('#dgmfgdate').val() === '') {
            bootbox.alert('Mobile Mfg Date is required');
            return;
        }
        let $orderItemRow = $(this.props.elePlanCheckedOn).closest('td');
        $orderItemRow.find('.insuranceid').val($(e.target).data('key'));
        $orderItemRow.find('.insuranceamount').val($(e.target).data('amount'));
        $orderItemRow.find('.ram').val($itemDetails.find('.dgram').val());
        $orderItemRow.find('.memory').val($itemDetails.find('.dgmemory').val());
        $orderItemRow.find('.mfgdate').val(window.mfgDate);
        $('#mobilePlansModal').modal('hide');
        calculateTotalAmount();
    }
}

let reactRoot = null;

function getInsurancePlansModal(insurancePlans, elePlanCheckedOn) {
    const domContainer = document.querySelector('.insurancedetails');
    reactRoot = ReactDOM.createRoot(domContainer);
    reactRoot.render(<InsuranceElement plans={insurancePlans} elePlanCheckedOn={elePlanCheckedOn}/>)
    $('#mobilePlansModal').modal({show: true});

}


function calculateTotalAmount(inputEle) {
    if (typeof inputEle !== "undefined") {
        let itemId = $(inputEle).attr("itemid");
        let unitPrice = inputEle.value;
        $("#order-items").find(`input.unitPrice[itemid=${itemId}]`).each(function () {
            this.value = unitPrice;
        })

    }
    var netPayableAmount = 0;
    var totaInsuranceAmount = 0;
    $("#order-items").find('tbody>tr:gt(0)').each(function (index, el) {
        var rowTotal = 0;
        let $tr = $(el);
        var insuranceAmount = $tr.find('input.insuranceamount').val();
        if (isNaN(insuranceAmount)) {
            insuranceAmount = 0;
        } else {
            insuranceAmount = parseFloat(insuranceAmount);
        }

        var quantity = parseFloat($(el).find('.unitPrice').attr('quantity'));

        var unitPrice = parseFloat($(el).find('.unitPrice').val());
        if (isNaN(unitPrice)) {
            unitPrice = 0;
        }

        var discount = $(el).find('.discount').val();
        if (isNaN(discount)) {
            discount = 0;
        }

        rowTotal = (unitPrice - discount + insuranceAmount) * quantity;
        $tr.find('.totalPrice').val(rowTotal);
        netPayableAmount += rowTotal;
        totaInsuranceAmount += insuranceAmount;
    });
    if (totaInsuranceAmount > 0) {
        $(".mk_insurance_row").show();
    } else {
        $(".mk_insurance_row").hide();
    }
    $('#cd').find('input.netPayableAmount').val(netPayableAmount);
}