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('click', ".upgrade-offer", function () {
        var itemId = $(this).data('itemid');
        doGetAjaxRequestHandler(`${context}/getItemWiseUpgradeOffer?itemId=` + itemId, function (response) {
            $('#upgradeOfferModal .modal-content').html(response);
        });
    });


    $(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, price, itemId);
                return;
            } else {
                if (typeof source === "undefined") {
                    alert("Product is not eligible for insurance");
                }
            }
        });
    });

});

class InsuranceElement extends React.Component {

    planChecked;

    constructor(props) {
        super(props);
        this.state = {
            quotedPlans: {}
        };
    }

    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, j) => {
                    const quoted = this.state.quotedPlans[plan.productId];
                    const isQuoted = !!quoted;
                    const displayPremium = isQuoted ? quoted.premium : (plan.premium || 0);
                    const displayDP = isQuoted ? quoted.dp : (plan.dp || 0);

                    return (
                        <tr key={`${i}-${j}`}>
                            <td>
                                {plan.providerId == 6 ? (
                                    <div style={{textAlign: "center"}}>
                                        <img
                                            src="/resources/images/ProtectPlusLogo2.jpg"
                                            style={{height: "70px"}}
                                            alt="ProtectPlus"
                                        />
                                        <div style={{fontSize: "13px", marginTop: "4px", color: "#666"}}>
                                            4% margin
                                        </div>
                                    </div>
                                ) : (
                                    planName
                                )}

                            </td>

                            <td>{plan.duration}</td>
                            <td>{displayDP ? displayDP.toFixed(2) : "-"}</td>
                            <td>{displayPremium ? displayPremium.toFixed(2) : "-"}</td>

                            <td>
                                {isQuoted || (plan.dp > 0 && plan.premium > 0) ? (
                                    <button
                                        className="btn btn-primary"
                                        data-key={plan.productId}
                                        data-amount={isQuoted ? quoted.premium.toFixed(2) : plan.premium.toFixed(2)}
                                        data-correlationid={isQuoted ? quoted.correlationId : plan.correlationId}
                                        onClick={this.planChecked}
                                    >
                                        Add
                                    </button>
                                ) : (
                                    <button className="btn btn-warning"
                                            onClick={(e) => this.checkQuote(e, plan, planName)}>
                                        Check Quote
                                    </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('.correlationid').val($(e.target).data('correlationid'));
         $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);
         $orderItemRow.find('.mfgdate').val($itemDetails.find('.dgmfgdate').val());
         $('#mobilePlansModal').modal('hide');
         calculateTotalAmount();
     }*/

    planChecked = (e) => {
        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');

        // read existing values
        let existingIds = $orderItemRow.find('.insuranceid').val() || "";
        let existingAmounts = $orderItemRow.find('.insuranceamount').data('all-amounts') || ""; // store individual amounts in data attribute
        let existingCorrelation = $orderItemRow.find('.correlationid').val() || "";

        // new selected values
        let newId = $(e.target).data('key');
        let newAmount = $(e.target).data('amount');
        let newCorrelation = $(e.target).data('correlationid');

        // append IDs
        let updatedIds = existingIds ? existingIds + "," + newId : newId;

        // append individual amounts (for tooltip)
        let updatedAmountsList = existingAmounts ? existingAmounts + "," + newAmount : newAmount;

        // calculate total
        let totalAmount = updatedAmountsList.split(',').reduce((sum, val) => sum + parseFloat(val || 0), 0);

        // correlation ID logic
        let updatedCorrelation = existingCorrelation;
        if (newCorrelation && newCorrelation.trim() !== "") {
            updatedCorrelation = newCorrelation;
        }

        // assign back
        $orderItemRow.find('.insuranceid').val(updatedIds);
        $orderItemRow.find('.insuranceamount').val(totalAmount.toFixed(2))  // sum total
            .data('all-amounts', updatedAmountsList)                          // save individual amounts
            .attr('title', updatedAmountsList);                               // tooltip for user
        $orderItemRow.find('.correlationid').val(updatedCorrelation);
        $orderItemRow.find('.ram').val($itemDetails.find('.dgram').val());
        $orderItemRow.find('.memory').val($itemDetails.find('.dgmemory').val());
        $orderItemRow.find('.mfgdate').val($itemDetails.find('.dgmfgdate').val());
        $(e.target).text("Added");
        $(e.target).prop("disabled", true);
        calculateTotalAmount();
    };



    checkQuote = (e, plan, planName) => {
        //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 planCode = plan.productId;
        let manuFacturedDate = $itemDetails.find('.dgmfgdate').val();
        this.calculateQuote(planCode, this.props.itemId, this.props.devicePrice, manuFacturedDate, planName);

    }

    calculateQuote = (planCode, itemId, devicePrice, manuFacturedDate, planName) => {
        doGetAjaxRequestHandler(
            `${context}/getPlanQuote?planCode=${planCode}&itemId=${itemId}&sumInsured=${devicePrice}&manufacturedDate=${manuFacturedDate}&planName=${planName}`,
            (responseText) => {
                const response = JSON.parse(responseText);
                console.log("quote call back", response);

                if (response.afinityQuoteModel.policyStatus === "APPROVE" || response.afinityQuoteModel.message === "Success") {
                    const updatedPlan = {
                        premium: response.afinityQuoteModel.totalPremium,
                        dp: response.planDp,
                        correlationId: response.afinityQuoteModel.correlationId
                    };

                    this.setState((prevState) => ({
                        quotedPlans: {
                            ...prevState.quotedPlans,
                            [planCode]: updatedPlan
                        }
                    }));
                } else {
                    bootbox.alert("Quote failed: " + (response.afinityQuoteModel.message || "Unknown error"));
                }
            }
        );
    }
}

let reactRoot = null;

function getInsurancePlansModal(insurancePlans, elePlanCheckedOn, devicePrice, itemId) {
    const domContainer = document.querySelector('.insurancedetails');
    reactRoot = ReactDOM.createRoot(domContainer);
    reactRoot.render(<InsuranceElement plans={insurancePlans} elePlanCheckedOn={elePlanCheckedOn}
                                       devicePrice={devicePrice} itemId={itemId}/>)
    $('#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);
}

$(document).on('change', '.offerSelect', function () {
    calculateAndUpdatePaymentOptions();
});

function calculateAndUpdatePaymentOptions() {
    let totalSchemePayout = 0;
    let totalPartnerPayout = 0;

    // Loop through all selected options in each row
    $('.offerSelect').each(function () {
        let selectedOption = $(this).find('option:selected');

        let schemePayout = parseFloat(selectedOption.data('scheme-payout')) || 0;
        let partnerPayout = parseFloat(selectedOption.data('partner-payout')) || 0;

        // Accumulate the payouts
        totalSchemePayout += schemePayout;
        totalPartnerPayout += partnerPayout;
    });

    // Now update the payment options with the accumulated values
    updatePaymentOptions(totalSchemePayout, totalPartnerPayout);
}

function updatePaymentOptions(schemePayout, partnerPayout) {
    $("#payment-option-id-amount-container").find('.paymentOptionAmount').each(function () {
        let paymentOptionName = $(this).closest('.row').find('h5').text().trim();

        if (paymentOptionName.includes('SAMSUNG UPGRADE')) {
            $(this).val(schemePayout);  // Set the total scheme payout
        }

        // if (paymentOptionName.includes('CASH DISCOUNT')) {
        //     $(this).val(partnerPayout);  // Set the total partner payout
        // }
    });
}

$(document).on('click', '.reset-irn-generated-panel', function () {
    getResetIrnGeneratedPanel();
});

$(document).on('click', '#search-invoice-for-irn-reset', function () {
    var invoiceNumber = $("#search-invoice-number").val();
    if (!invoiceNumber) {
        alert("Please enter Invoice Number");
        return;
    }
    doGetAjaxRequestHandler(`${context}/getTransactionForIrnReset?invoiceNumber=${invoiceNumber}`, function (response) {
        $('#transaction-for-reset-irn-container').html(response);
    });
});

$(document).on('click', '#reset-irn-button', function () {
    if (confirm("Are you sure to Reset IRN")) {
        let invoices = [];
        $('#eligible-irn-order tbody tr').each(function () {
            const invoiceNumber = $(this).find('td:nth-child(3)').text();
            invoices.push(invoiceNumber);
        });
        const invoiceNumbers = invoices.join(', ');
        console.log('invoiceNumbersString - ', invoiceNumbers)
        let url = `${context}/resetOrdersIrn?invoiceNumbers=${invoiceNumbers}`
        doPutAjaxRequestHandler(url, function (response) {
            if (response) {
                alert(`IRN reset successfully for Invoice No - ${invoiceNumbers}`);
                getResetIrnGeneratedPanel();
            }
        });
    }
});

function getResetIrnGeneratedPanel() {
    doGetAjaxRequestHandler(`${context}/resetIrnGeneratedPanel`, function (response) {
        $('#main-content').html(response);
    });
}