Subversion Repositories SmartDukaan

$(function() {
        $(document).on('click', ".partner-brandwise-detail", function() {
                loadDetails("main-content");
        });

        $(document).on('change', "#activationType", function() {
                var row = $(this).closest("tr");
                var code = $(row).find("td:eq(1)").text();
                var activationType = $(row).find("#activationType").val();

                if (confirm("Are you sure ") == true) {
                        doPostAjaxRequestHandler(context + "/changeActivationType?code=" + code + "&activationType=" + activationType,
                                function(response) {

                                        console.log(response);

                                        if (response == true) {
                                                loadDetails("main-content");
                                        }

                                });


                }
        });
});


function loadDetails(domId) {

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


// create suggested po cart related js start here

let cart = {};

function renderCart() {
        let cartHtml = '';
        let totalAmount = 0;

        // First loop through cart and calculate totalAmount
        for (const id in cart) {
                const item = cart[id];
                const itemTotal = item.qty * item.price;
                totalAmount += itemTotal;
        }

        // Add total at the top
        if (totalAmount > 0) {
                cartHtml += `<div style="text-align:right;font-weight:bold; margin-bottom: 10px;">Total: &#8377; ${totalAmount.toFixed(2)}</div><hr style="margin: 4px 0;border-top: 1px solid #000">`;
        }

        // Now loop again to render items
        for (const id in cart) {
                const item = cart[id];
                const itemTotal = item.qty * item.price;

                cartHtml += `
                        <li style="display: flex; align-items: center; justify-content: space-between; padding: 5px 0;">
                                <div style="flex: 1; min-width: 200px;">${item.model} <br> <span style="color: gray;">- ${item.color}</div>
                                <div style="display: flex; align-items: center; gap: 5px;">
                                        <button class="dec-btn" data-id="${id}">-</button>
                                        <span class="cart-qty">${item.qty}</span>
                                        <button class="inc-btn" data-id="${id}">+</button>
                                        <button class="remove-btn btn btn-xs btn-danger" data-id="${id}">x</button>
                                </div>
                                <span style="width: 80px; text-align: right;">&#8377; ${itemTotal.toFixed(2)}</span>
                        </li>`;
        }

        $('#custom-cart-section').html(cartHtml);
}

$(document).on('click', '.po-radio-button', function () {
        const selectedRadio = $(this).find('input[type="radio"]');

        const itemId = selectedRadio.data('itemid');
        const model = selectedRadio.data('modelnumber');
        const color = selectedRadio.data('color');
        const price = parseFloat(selectedRadio.data('price')) || 0;

        const key = itemId;

        if (cart[key]) {
                cart[key].qty += 1;
        } else {
                cart[key] = {model, color, qty: 1, price};
        }

        renderCart();
});


$(document).on('click', '.inc-btn', function () {
        const id = $(this).data('id');
        cart[id].qty += 1;
        renderCart();
});

$(document).on('click', '.dec-btn', function () {
        const id = $(this).data('id');
        if (cart[id].qty > 1) {
                cart[id].qty -= 1;
        } else {
                delete cart[id];
        }
        renderCart();
});

$(document).on('click', '.remove-btn', function () {
        const id = $(this).data('id');
        delete cart[id];
        renderCart();
});

$(document).on('click', '.add-to-cart-btn', function () {
        var price = $(this).data('price');
        var catalogId = $(this).data('catalogid');
        var warehouseId = $(this).data('warehouseid');
        console.log('price ', price)

        doGetAjaxRequestHandler(context + "/getPoCatalogsItems?warehouseId=" + warehouseId + "&price=" + price + "&catalogId=" + catalogId, function (response) {

                $('#poItemsDetail .modal-content').html(response);

        });
});

$(document).on('click', '.get-stock-info', function () {
        var $clickedTd = $(this);
        var $clickedTr = $clickedTd.closest('tr');

        var catalogId = $clickedTd.data('catalogid');
        var fofoId = $clickedTd.data('fofoid');

        // If already expanded, remove it
        if ($clickedTr.next().hasClass('expanded-row')) {
                $clickedTr.next().remove();
                return;
        }

        doGetAjaxRequestHandler(context + "/getItemsByCatalog?fofoId=" + fofoId + "&catalogId=" + catalogId, function (response) {
                console.log('response', response);

                // Remove old expanded rows
                $('.expanded-row').remove();

                var expandHtml = '<tr class="expanded-row"><td colspan="10">' + buildStockInfoHtml(response.response) + '</td></tr>';

                $clickedTr.after(expandHtml);
        });
});

// function to build HTML when response is a LIST
function buildStockInfoHtml(responseList) {
        console.log("responseList {}", responseList);
        if (!Array.isArray(responseList) || responseList.length === 0) {
                return '<div>No stock info available.</div>';
        }

        var html = '<div style="padding:10px; background:#f9f9f9; border:1px solid #ccc;">';
        html += '<strong>Stock Details:</strong>';
        html += '<span style="margin-left:15px; color:#dc3545; font-size:12px;"><i class="fa fa-circle"></i> Activated but not billed</span>';
        html += '<table class="table table-bordered" style="margin-top:10px;">';
        html += '<thead><tr><th>Item ID</th><th>Availability</th><th>Description</th><th>Status</th></tr></thead>';
        html += '<tbody>';

        responseList.forEach(function (item) {
                var rowStyle = item.hasActivatedImei ? 'style="background-color: #f8d7da; color: #721c24;"' : '';
                html += '<tr ' + rowStyle + '>';
                html += '<td>' + item.itemId + '</td>';
                html += '<td>' + item.availability + '</td>';
                html += '<td>' + (item.itemDescription && item.itemDescription !== 0 ? item.itemDescription : 'Not Available') + '</td>';
                html += '<td>';
                if (item.hasActivatedImei && item.activatedImeis && item.activatedImeis.length > 0) {
                        html += '<span style="color:#dc3545; font-weight:bold;">Activated - Need to Bill (' + item.activatedImeis.length + ')</span>';
                        html += '<div style="margin-top:5px; padding:5px; background:#fff; border:1px solid #dc3545; border-radius:4px;">';
                        html += '<small><strong>IMEI(s):</strong></small>';
                        item.activatedImeis.forEach(function (imei, index) {
                                html += '<span style="display:inline-block; margin:2px 5px; padding:2px 6px; background:#f8d7da; border-radius:3px; font-size:11px;">' + imei + '</span>';
                        });
                        html += '</div>';
                } else {
                        html += '-';
                }
                html += '</td>';
                html += '</tr>';
        });

        html += '</tbody></table></div>';

        return html;
}



$(document).on('click', '#save-po-btn', function () {
        console.log("Save PO button clicked!");
        const fofoId = parseInt($('#fofo-id').val());
        console.log('fofoId:', fofoId);
        saveSuggestedPo(fofoId);
});


function saveSuggestedPo(fofoId) {
        var jsonObject = {};
        jsonObject.poIds = [];

        // Select <li> directly, not from inside <ul>
        $("#custom-cart-section li").each(function () {
                const itemId = $(this).find(".dec-btn").data("id");
                const qty = parseInt($(this).find(".cart-qty").text().trim());

                if (!isNaN(itemId) && qty > 0) {
                        const item = {
                                itemId: itemId,
                                qty: qty
                        };
                        jsonObject.poIds.push(item);
                }
        });

        if (jsonObject.poIds.length === 0) {
                alert("Cart is empty!");
                return;
        }

        console.log("Sending PO Data:", jsonObject);

        if (confirm("Are you sure you want to save this Suggested PO?")) {
                doPostAjaxRequestWithJsonHandler(
                        context + "/createSuggestedPo?fofoId=" + fofoId,
                        JSON.stringify(jsonObject.poIds),
                        function (response) {
                                if (response === 'true' || response.includes("true")) {
                                        alert("Suggested PO created successfully!");
                                        cart = {};
                                        renderCart();
                                } else {
                                        alert("Failed to create Suggested PO.");
                                }
                        }
                );
        }
}