function viewRRDetailByPO(data) {
    loader = $('#overlay, #loader');
    $('#viewRRDetailByPO').modal('show');
    $('#viewRRDetailByPO').css('z-index', 1050);

    PONo = data.poNo;
    POTypeId = data.poTypeId;
    let amountUSDLabel = document.getElementById('amountUSDLabel');
    let amountUSD = document.getElementById('amountUSD');
    let btnSubmit = document.getElementById('btnSubmit');
    let btnReject = document.getElementById('btnReject');
    if (POTypeId !== 3) {
        amountUSD.style.display = 'none';
        amountUSDLabel.style.display = 'none';
    }

    let btnComplete = document.getElementById('btnComplete');
    let btnIncomplete = document.getElementById('btnIncomplete');
    let btnClosePO = document.getElementById('btnClosePO');

     btnComplete.style.display = 'none';
     btnIncomplete.style.display = 'none';
     btnSubmit.style.display = 'none';
     btnReject.style.display = 'none';
     btnClosePO.style.display = 'none';
     dynamicColumn = colRRFinance;
     dynamicTable = '#FRRdataTable';

     rrTableComponent(1, loader);

}
function rrInitializeDatatable(loader) {

    tableElement = $(dynamicTable);
    tableDestroy(tableElement);
    receivingDetailTable = tableElement.DataTable({
        ajax: $.extend({
            url: '/RRMgmt/GetRRDetailByPO',
            type: 'POST',
            data: { PONo, POTypeId },
        }, beforeComplete(loader)),
        searching: false,
        responsive: true,
        language: {
            emptyTable: "No record available"
        },
        initComplete: initCompleteCallback(),
        columns: dynamicColumn,
        columnDefs: colDefForReceivingSKU,
        rowCallback: rowRRDetailCallback,
        error: errorHandler
    });
}
function rrTableComponent(id, loader) {
    $.ajax({
        url: '/Receiving/GetRRTable',
        type: 'GET',
        data: { id: id },
        success: function (response) {
            $('#PRTableContainer').html(response);
            rrInitializeDatatable(loader);
        },
        error: errorHandler
    });
}