Subversion Repositories SmartDukaan

$(function () {
        $(document).on('click', ".price-circular", function () {
                loadPriceCircular("main-content");
        });

        $(document).on('click', ".partner-price-circular", function () {

                bootbox.confirm({
                        message: "<div class = 'disclosurehindata'> <img src='resources/images/disclosure.png' style='width:100%'> </div>"
                        ,
                        buttons: {
                                confirm: {
                                        label: 'I agree',
                                        className: 'btn-success'
                                },
                                cancel: {
                                        label: 'I disagree',
                                        className: 'btn-danger'
                                }
                        },
                        callback: function (result) {
                                if (result == true) {
                                        loadPartnerPriceCircular("main-content");
                                }
                        }
                });

        });

        $(document).on('click', ".submit-circular-request", function () {
                let brand = $("#brands").val();
                let priceCircularUrl = `${context}/priceCircularByBrand?brand=${brand}`;
                if (typeof partnerId == "number") {
                        priceCircularUrl = `${priceCircularUrl}&fofoId=${partnerId}`;
                }
                doGetAjaxRequestHandler(priceCircularUrl,
                        function (response) {
                                console.log(response)
                                $('.price-circular-container').html(response);
                        });
        });

        $(document).on('click', ".download-nlc", function () {
                let brand = $("#brands").val();
                let downloadNlcUrl = `${context}/downloadNlcByBrand?brand=${brand}`;
                if (typeof partnerId == "number") {
                        downloadNlcUrl = `${downloadNlcUrl}&fofoId=${partnerId}`;
                }
                doAjaxGetDownload(downloadNlcUrl, `${brand}-nlc.csv`);
        });


});

function loadPriceCircular(domId) {
        doGetAjaxRequestHandler(context + "/priceCircular",
                function (response) {
                        $('#' + domId).html(response);
                });
}

function loadPartnerPriceCircular(domId) {
        doGetAjaxRequestHandler(context + "/partnerPriceCircular",
                function (response) {
                        $('#' + domId).html(response);
                });
}

$(document).on('click', ".today-offer", function () {
    let fofoId = $(this).data('fofoid');
    loadTodayOfferVM("main-content", fofoId);
});

// Main function called to load the shell
function loadTodayOfferVM(domId, fofoId) {
    doGetAjaxRequestHandler(context + `/todayOffer?fofoId=${fofoId}`, function (response) {
        // Load the brand tabs
        $('#' + domId).html(response);

        // AUTO-LOAD Samsung immediately after tabs are ready
        loadBrandOffers("Motorola", fofoId);
    });
}


// Click listener for tabs
$(document).on('click', ".brand-tab", function () {
    let fofoId = $(this).data('fofoid');
    let brand = $(this).data("brand");
    loadBrandOffers(brand, fofoId);
});


// Function to handle the actual data loading
function loadBrandOffers(brandName, fofoId) {


    // 1. Show the loader immediately
    const loaderHtml = `
        <center><div class="loader-wrapper">
            <i class="fa fa-spinner fa-spin fa-4x"></i>
            <span class="loader-text">Loading offers for ${brandName}...</span>
        </div></center>`;

    $('.today-offer-container').html(loaderHtml);

    // 2. Prepare the URL
    let todayOfferUrl = `${context}/todayOfferList?brand=${brandName}&fofoId=${fofoId}`;
    if (typeof partnerId == "number") {
        todayOfferUrl = `${todayOfferUrl}&fofoId=${partnerId}`;
    }

    // 3. Hit the API
    doGetAjaxRequestHandler(todayOfferUrl, function (response) {
        // Success: The loader is replaced by the actual table response
        $('.today-offer-container').html(response);

        // Update Active Tab UI
        $(".brand-tabs li").removeClass("active");
        $(`.brand-tab[data-brand='${brandName}']`).closest('li').addClass("active");
    });
}


$(document).on('click', '.today-offer-view', function () {
    let offerId = $(this).data("offerid");
    doGetAjaxRequestHandler(`${context}/getOfferMargins?offerId=${offerId}`, function (data) {
        $('#todayOfferDescription .modal-content').html(data);
        $("#todayOfferDescription").modal('show');
    });
});


$(document).on('click', '.today-fofo-offer', function () {
    let fofoId = $(this).data("fofoid");
    doGetAjaxRequestHandler(`${context}/todayFofoOffer?fofoId=${fofoId}`, function (data) {
        $(".today-fofo-offer-view").show();
        $(".fofo-summry-view").hide();
        $('.today-fofo-offer-view').html(data);
        // AUTO-LOAD Samsung immediately after tabs are ready
        loadFofoBrandOffers("Motorola", fofoId);
    });
});


$(document).on('click', '.fofo-stock-info', function () {

        $(".today-fofo-offer-view").hide();
        $(".fofo-summry-view").show();
});


$(document).on('click', ".fofo-brand-tab", function () {
    let fofoId = $(this).data('fofoid');
    let brand = $(this).data("brand");
    loadFofoBrandOffers(brand, fofoId);
});


// Function to handle the actual data loading
function loadFofoBrandOffers(brandName, fofoId) {


    // 1. Show the loader immediately
    const loaderHtml = `
        <center><div class="loader-wrapper">
            <i class="fa fa-spinner fa-spin fa-4x"></i>
            <span class="loader-text">Loading offers for ${brandName}...</span>
        </div></center>`;

    $('.today-fofo-offer-container').html(loaderHtml);

    // 2. Prepare the URL
    let todayOfferUrl = `${context}/todayOfferList?brand=${brandName}&fofoId=${fofoId}`;
    if (typeof partnerId == "number") {
        todayOfferUrl = `${todayOfferUrl}&fofoId=${partnerId}`;
    }

    // 3. Hit the API
    doGetAjaxRequestHandler(todayOfferUrl, function (response) {
        // Success: The loader is replaced by the actual table response
        $('.today-fofo-offer-container').html(response);

        // Update Active Tab UI
        $(".brand-tabs li").removeClass("active");
        $(`.brand-tab[data-brand='${brandName}']`).closest('li').addClass("active");
    });
}