Subversion Repositories SmartDukaan

}

$(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-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");

    });