function renderSuppbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, """);
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSuppBid(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function renderPOApprovalbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewItem(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-thumbs-up fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';
    return buttonsHtml;
}
function postApprovedPO() {
    var loader = $('#overlay, #loader').css('z-index', 1070);
    var PONo = document.getElementById('PONumber').innerText;
    const confirmation = confirm('Are you sure you want to proceed?');

    if (confirmation) {
        $.ajax($.extend({
            url: '/POMgmt/PostApprovedPO',
            type: 'POST',
            data: { PONo },
            success: function (response) {
                if (response.success) {

                    $('#viewSupplierBid').modal('hide');
                    $('#viewSupplierByItem').modal('hide');
                    refreshTable();
                    alert('PO successfully approved!');
                } else {
                    refreshTable();
                    alert('Failed: ' + response.response);
                }
            },
            error: errorHandler
        }, beforeComplete(loader)));
    }
}
function viewSuppBid(data) {
      var loader = $('#overlay, #loader').css('z-index', 1060);
      var CanvassDetailId = data.canvassDetailId;
      $('#PODetailId').val(PODetailId);

      $.ajax($.extend({
            url: '/POMgmt/GetSupplierBidById',
            type: 'POST',
            data: { CanvassDetailId },
            success: function (data) {
                if (data && data.data && data.data.length > 0) {
                    var item = data.data[0];

                    $('#itemName').val(item.itemName);
                    $('#itemSpecs').val(item.itemSpecs);
                    $('#itemNo').val(item.itemNo);
                    $('#itemQty').val(item.qty);
                    $('#supplierId').val(item.supplierId);
                    $('#canvassId').val(item.canvassId);
                    $('#canvassDetailId').val(item.canvassDetailId);
                    $('#itemQty').val(item.qty);
                    $('#price').val(item.price);
                    $('#terms').val(item.terms);
                    $('#supplierRemarks').val(item.remarks);
                    $('#manufacturer').val(item.manufacturer);
                    $('#currencyId').val(item.currencyId);
                    const commitmentDate = new Date(item.commitmentDate);
                    const options = { year: 'numeric', month: 'long', day: 'numeric' };
                    const formattedDate = commitmentDate.toLocaleDateString(undefined, options);
                    $('#commitmentDate').val(formattedDate);
                    var itemPicturePath = item.itemAttachPath;
                    if (!itemPicturePath || itemPicturePath === 'N/A' || itemPicturePath === 'None') {
                        $('#itemPictureImage').attr('src', '/Content/Common/empty.jpg'); // Default image path
                    } else {
                        var imageUrl = item.urlImg + itemPicturePath; // Use HTTPS protocol
                        console.log('urlImg',urlImg);
                        // Set the image source
                        $('#itemPictureImage').attr('src', imageUrl);
                    }
                    // Display the modal
                    $('#viewSupplierBid').modal('show');
                    $('#viewSupplierBid').css('z-index', 1060);
                } else {
                    console.log('Data is null or undefined');
                }
            },
            error: errorHandler
        }, beforeComplete(loader)));
}
function viewItem(data) {
        var loader = $('#overlay, #loader');
        $('#viewSupplierByItem').modal('show');
        $('#viewSupplierByItem').css('z-index', 1050);
        var tableElement = $('#ItemDataTable');
        tableDestroy(tableElement);
        PRNo = data.prNo;
        $('#canvassDetailId').val(data.canvassDetailId);
        $('#canvassId').val(data.canvassId);
        document.getElementById('PONumber').innerText = data.poNo;
        PODetailId = (data.poDetailId);
        bidDataTable2 = tableElement.DataTable({
            ajax: $.extend({
                url: '/POMgmt/GetForPOApprovalByPRNo',
                data: { PRNo },
            }, beforeComplete(loader)),
            responsive: true,
            language: {
                emptyTable: "No record available"
            },
            initComplete: initCompleteCallback(),
            columns: colPOApprovalByPRNo,
            error: errorHandler
        });
}

$(document).ready(function () {
    loader = $('#overlay, #loader');
    UserRights = document.getElementById("roleRights").value;
    canvassTable = $('#PRTable').DataTable({
        ajax: $.extend({
            url: '/POMgmt/GetForPOApproval',
            type: 'GET',
        }, beforeComplete(loader)),
        initComplete: initCompleteCallback(),
        columns: colPOApproval,
        order: [5, 'asc'],
        responsive: true,
        language: {
            emptyTable: "No record available"
        },
        error: errorHandler
    });
})
function refreshTable() {
    canvassTable.ajax.reload();
    bidDataTable.ajax.reload();
}