function viewItemList() {
    var loader = $('#overlay, #loader').css('z-index', 1100);
    $('#viewItemList').modal('show');
    $('#viewItemList').css('z-index', 1090);

    tableElement = $('#ItemTable');
    tableName = '#ItemTable';

    tableDestroy(tableElement);
    totalSelectedLabel = $('#totalSelectedItem');

    clearTableSelection(tableName, selectedProductsMap, () => {
        totalSelectedLabel.text(0);
    }, 'selected-row', '.select-all-item-checkbox');

   var itemListTable = tableElement.DataTable({
        ajax: $.extend({
            url: '/ItemMgmt/GetItemList',
            type: 'POST',
        }, beforeComplete(loader)),
        responsive: true,
        language: {
            emptyTable: "No record available"
        },
       initComplete: function () {
           initializeTableSelection({
               tableName: tableName,
               dataTable: itemListTable,
               selectedItemsMap: selectedProductsMap,
               idKey: 'itemNo',
               idKey2: 'itemCodeId',
               checkboxClass: '.select-item-checkbox',
               selectAllClass: '.select-all-item-checkbox',
               selectedRowClass: 'selected-row',
               updateCountCallback: function () {
                   totalSelectedLabel.text(getSelectedCount(selectedProductsMap));
               }
           });
       },
       columns: [
           {
               data: 'itemNo',
               title: '<input type="checkbox" class="select-all-item-checkbox" />',
               render: function () {
                   return '<input type="checkbox" class="select-item-checkbox" style="text-align:center;"/>';
               },
               orderable: false,
               searchable: false
           },
           { data: 'itemNo' },
           { data: 'itemName' },
           { data: 'itemDescription' },
           { data: 'itemCategoryName' },
           { data: 'qty' },
       ],
       "columnDefs": [
           {
               "targets": [5], 
               "render": function (data, type, row) {
                   return '<input type="number" class="editable-qty"  style="width:60px;" value="' + data + '" />';
               }
           }
       ],
       pageLength: 5,
       lengthMenu: [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
        error: errorHandler
   });
    // Add this inside viewItemList(), after the DataTable is initialized
    $('#ItemTable').on('change', '.editable-qty', function () {
        const $row = $(this).closest('tr');
        const rowData = itemListTable.row($row).data();
        if (!rowData) return;

        const newQty = parseFloat($(this).val()) || 0;
        const itemId = `${rowData.itemNo}|${rowData.qty}`; // original key

        // ✅ If this item is already selected, update its qty in the map
        if (selectedProductsMap[itemId]) {
            selectedProductsMap[itemId].qty = newQty;
        }

        // Update the DataTable's internal data too
        rowData.qty = newQty;
    });
}
function showProjectCode(data = {}, isNew = true) {

    const modal = $('#showProjectCode');

    if (isNew) {
        // Mode
        modal.attr('data-mode', 'add');
        modal.attr('data-id', '');

        // Header & button
        $('#headerNew').show();
        $('#headerUpdate').hide();
        $('#btnAddUpdate')
            .text('Add Project')
            .removeClass('btn-warning')
            .addClass('btn-success');

        // Clear fields
        $('#itemPostPutForm')[0].reset();

        $('#status').val('true');

    } else {
        modal.attr('data-mode', 'update');
        modal.attr('data-id', data.id);

        $('#headerNew').hide();
        $('#headerUpdate').show();
        $('#btnAddUpdate')
            .text('Update Project')
            .removeClass('btn-success')
            .addClass('btn-warning');

        // Fill fields
        $('#projectCodeId').val(data.projectCodeId);
        $('#projectCode').val(data.projectCode);
        $('#projectName').val(data.projectName);
        $('#deliveryAddress').val(data.deliveryAddress);
        $('#maxDays').val(data.maxDays);

        $('#statusSwitch').prop('checked', data.isActive);
        $('label[for="statusSwitch"]').text(data.isActive ? 'Active' : 'Inactive');

    }
    $('#maxDays').on('input', function () {
        const value = Number(this.value);
        $('#btnAddUpdate').prop('disabled', value <= 0);
    });

    $('#statusSwitch').on('change', function () {
        $('label[for="statusSwitch"]').text(
            this.checked ? 'Active' : 'Inactive'
        );
    });

    modal.modal('show');
}
function getApproverName(prDetailsId, prNo) {

    const endPoint = (prNo === 0 || prNo === undefined) ? '/PRMgmt/GetApproverName'
        : '/PRMgmt/GetApproverNameByPRNo';
    $.ajax({
        url: endPoint,
        type: 'POST',
        data: { prDetailsId, prNo },
        success: function (response) {
            if (response && response.data && response.data.length > 0) {
                const item = response.data[0];

                const attestedBy = document.getElementById('label-pr-attestedBy');
                const approveBy = document.getElementById('label-pr-approvedBy');

                // Security: Use textContent to prevent XSS
                if (attestedBy) attestedBy.textContent = item.attestedBy || '';
                if (approveBy) approveBy.textContent = item.approvedBy || '';
            }
        },
        error: errorHandler
    });
}

function printPRItem() {
    const iframe = document.createElement('iframe');
    iframe.style.position = 'fixed';
    iframe.style.right = '0';
    iframe.style.bottom = '0';
    iframe.style.width = '0';
    iframe.style.height = '0';
    iframe.style.border = 'none';
    document.body.appendChild(iframe);

    const doc = iframe.contentWindow.document;
    doc.open();
    doc.write('<!DOCTYPE html><html><head>');
    doc.write('<meta charset="UTF-8">');

    // Copy all stylesheets INCLUDING Bootstrap
    const stylesheets = document.querySelectorAll('link[rel="stylesheet"]');
    stylesheets.forEach(sheet => {
        doc.write(sheet.outerHTML);
    });

    // Copy all inline styles
    const styles = document.querySelectorAll('style');
    styles.forEach(style => {
        doc.write(style.outerHTML);
    });

    // Add additional print styles
    doc.write(`
        <style>
            @media print {
               /* Reduce overall print font */
               {
                color: #000 !important;
                background-color: #fff !important;
                border-color: #000 !important;
                box-shadow: none !important;
                }
                body {
                    font-size: 10px !important;
                }

                /* Reduce PR Info Section font */
                .pr-info-section {
                    font-size: 10px !important;
                    margin-bottom: 5px !important;
                    page-break-inside: avoid !important;
                }

                /* Make PR info labels slightly smaller */
                .pr-info-section small,
                .pr-info-section .text-muted {
                    font-size: 9px !important;
                }
                
                /* Reduce table body font */
                table {
                    font-size: 9px !important;
                    border-collapse: collapse;
                }
                    
                /* Keep header slightly larger for readability */
                th {
                    font-size: 11px !important;
                }

                /* Reduce table padding */
                th, td {
                    padding: 3px 4px !important;
                    border: 1px  #ddd;
                    text-align: left;
                }

                
                /* Ensure Bootstrap grid works in print */
                .row {
                    display: flex !important;
                    flex-wrap: wrap !important;
                    margin-right: -10px !important;
                    margin-left: -10px !important;
                }
                
                .col-md-3 {
                    flex: 0 0 25% !important;
                    max-width: 25% !important;
                    padding-right: 10px !important;
                    padding-left: 10px !important;
                }
                
                .card {
                    border: 1px solid #000 !important;
                }
                
                .card-body {
                    padding: 5px !important;
                }
                
            
                th {
                    background: #fff !important;  
                    color: #000 !important;
                }
                
                tbody tr:nth-child(even),
                tbody tr:nth-child(odd) {
                    background: #fff !important;
                    color: #000 !important;
                }
                
                @page {
                    margin: 0.5in;
                }
            }
        </style>
    `);

    doc.write('</head><body>');

    // Add the main header
    doc.write('<div style="text-align: center; margin-bottom: 20px;"><h5>Purchase Requisition Details</h5></div>');

    // Get the PR info section HTML and preserve its exact structure
    const prInfoSection = document.querySelector('.pr-info-section');
    let prInfoHTML = '';
    if (prInfoSection) {
        const clonedPrInfo = prInfoSection.cloneNode(true);
        prInfoHTML = clonedPrInfo.outerHTML;
    }

    // Clone the printable content
    const printContent = document.getElementById('printableRelatedItem').cloneNode(true);

    // Remove DataTables controls
    const dataTableControls = printContent.querySelectorAll('.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate');
    dataTableControls.forEach(control => {
        if (control && control.parentNode) {
            control.parentNode.removeChild(control);
        }
    });

    // Get the table
    const table = printContent.querySelector('table');
    if (table) {
        const thead = table.querySelector('thead');
        const tbody = table.querySelector('tbody');

        // Remove unwanted columns from header
        if (thead) {
            const headerRows = thead.querySelectorAll('tr');
            headerRows.forEach(row => {
                const cells = Array.from(row.querySelectorAll('th'));
                // Count total cells
                const totalCells = cells.length;

                // Remove Action column (last)
                if (cells[totalCells - 1]) cells[totalCells - 1].remove();
                // Remove Status column (second to last)
                if (cells[totalCells - 2]) cells[totalCells - 2].remove();
                // Remove checkbox column (first)
                if (cells[0]) cells[0].remove();
            });
        }

        // Remove unwanted columns from body rows
        const rows = Array.from(tbody.querySelectorAll('tr'));
        rows.forEach(row => {
            const cells = Array.from(row.querySelectorAll('td'));
            const totalCells = cells.length;

            // Remove Action column (last)
            if (cells[totalCells - 1]) cells[totalCells - 1].remove();
            // Remove Status column (second to last)
            if (cells[totalCells - 2]) cells[totalCells - 2].remove();
            // Remove checkbox column (first)
            if (cells[0]) cells[0].remove();
        });

        const rowsPerPage = 50;
        const tableHeaderHTML = thead ? thead.outerHTML : '';

        // Split into pages
        for (let i = 0; i < rows.length; i += rowsPerPage) {
            // Add page break for pages after the first
            if (i > 0) {
                doc.write('<div style="page-break-before: always;"></div>');
            }

            // Add PR info section to every page
            doc.write(prInfoHTML);

            // Get rows for current page
            const currentPageRows = rows.slice(i, i + rowsPerPage);

            // Create table for current page
            doc.write('<table>');
            doc.write(tableHeaderHTML);
            doc.write('<tbody>');
            currentPageRows.forEach(row => {
                doc.write(row.outerHTML);
            });
            doc.write('</tbody>');
            doc.write('</table>');
        }
    } else {
        // Fallback
        doc.write(prInfoHTML);
        doc.write(printContent.innerHTML);
    }

    // Close the document
    doc.write('</body></html>');
    doc.close();

    // Wait for the iframe to load before printing
    iframe.onload = function () {
        // Small delay to ensure styles are loaded
        setTimeout(function () {
            iframe.contentWindow.print();

            // Remove the iframe after printing
            setTimeout(function () {
                document.body.removeChild(iframe);
            }, 1000);
        }, 500);
    };
}
function viewItemRemovalRemarks(data) {
    PRDetailsId = data.prDetailsId;
    ItemName = data.itemName;
    ItemNo = data.itemNo;
    PRNo = document.getElementById('label-pr-prNo').innerHTML;
    $('#viewItemRemovalRemarks').modal('show');
    $('#viewItemRemovalRemarks').css('z-index', 1060);
}
function rejectItem() {
    $('#rejectRemarks').modal('show');
    $('#rejectRemarks').css('z-index', 1060);
}
function viewSupplierAlterOfferList(data) {
    loader = $('#overlay, #loader');

    $('#viewSupplierAlterOfferList').modal('show');
    $('#viewSupplierAlterOfferList').css('z-index', 1050);
    tableElement = $('#AlterOfferListDataTable');

    tableDestroy(tableElement);
    const CanvassDetailId = data.canvassDetailId;
    $('#canvassDetailId').val(CanvassDetailId);
    document.getElementById('label-prNo').innerHTML = data.prNo;
    document.getElementById('label-itemNo').innerHTML = data.itemNo;
    document.getElementById('label-qty').innerHTML = data.qty;
    document.getElementById('label-itemName').innerHTML = data.itemName;

    prDataTable = tableElement.DataTable({
        ajax: $.extend({
            url: endpoint.GetSupplierAlterOfferDetails,
            type: 'GET',
            data: { CanvassDetailId },
        }, beforeComplete(loader)),
        language: {
            emptyTable: "No record available"
        },
        initComplete: initCompleteCallback(),
        columns: colAlterOfferTable,
        responsive: true,
        createdRow: function (row, data) {
            if (data.isApproved) { 
                $(row).css({
                    'color': 'white',
                    'background-color': 'green'
                });
            }
        },
        error: errorHandler
    });
}
function viewItemDetail(data) {
    var loader = $('#overlay, #loader').css('z-index', 1060);
    let itemCategory = document.getElementById('itemCategoryName');
    itemCategory.style.display = 'block';

    let itemCategorySelect = document.getElementById('itemCategorySelect');
    itemCategorySelect.style.display = 'none';

    inputPopulation();
    ItemCodeId = data.itemCodeId;
    PRDetailsId = data.prDetailsId;
    $.ajax({
        url: '/PRMgmt/GetMyPR',
        type: 'POST',
        data: { ItemCodeId, PRDetailsId },
        beforeSend: function () {
            loader.show();
        },
        complete: function () {
            loader.hide();
        },
        success: function (data) {
            if (data && data.data && data.data.length > 0) {
                var item = data.data[0];
                enableDisableInput(item.queue, item.dynamicBtn);

                $('#itemCodeId').val(item.itemCodeId);
                $('#itemName').val(item.itemName);
                $('#itemDescription').val(item.itemDescription);
                $('#department').val(item.department);
                $('#itemCategoryName').val(item.itemCategoryName);
                $('#ItemCategory2Id').val(item.itemCategoryId);

                $('#itemNo').val(item.itemNo);
                $('#itemTypeName').val(item.itemTypeName);
                $('#itemTypeId').val(item.itemTypeId);
                $('#itemClassId').val(item.itemClassId);
                $('#uomName').val(item.uomName);
                $('#uomId').val(item.uomId);
                $('#itemColorName').val(item.itemColorName);
                $('#itemColorId').val(item.itemColorId);
                $('#createdDate').val(item.createdDate);
                $('#itemLocalName').val(item.itemLocalName);
                $('#itemLocalId').val(item.itemLocalId);
                $('#itemQty').val(item.qty);
                $('#itemAttachId').val(item.itemAttachId);
                $('#itemRemarks').val(item.remarks);

                const statusEl = document.getElementById('statusName');
                const status = item.statusName; // 'Approved', 'Denied', 'For Approval'

                // set text
                statusEl.textContent = status;

                // reset classes
                statusEl.className = 'status-badge';

                // apply based on value
                switch (status) {
                    case 'Approved':
                        statusEl.classList.add('approved');
                        hideButtonApproval(true);
                        break;
                    case 'Attested':
                        hideButtonApproval(false);
                        statusEl.classList.add('approved');
                        break;
                    case 'Denied':
                        hideButtonApproval(false);
                        statusEl.classList.add('denied');
                        break;
                    case 'For Approval':
                        hideButtonApproval(false);
                        statusEl.classList.add('pending'); 
                        break;
                }

                var itemPicturePath = item.itemAttachPath;

                if (!itemPicturePath || itemPicturePath === 'N/A' || itemPicturePath === 'None') {
                    $('#itemPictureImage').attr('src', '/Content/Common/empty.jpg');
                } else {

                    var imageUrl = item.url + itemPicturePath;
                    // Set the image source
                    $('#itemPictureImage').attr('src', imageUrl);
                }

                $('#viewPRItemDetails').modal('show');
                $('#viewPRItemDetails').css('z-index', 1060);

            } else {
                window.location.href = '/Home/Logout';
            }
        },
        error: errorHandler
    });
}
function hideButtonApproval(isApproved) {

    if (['Approver1', 'Approver2', 'CnvssAppver'].includes(UserRights)) {
        const btnApprove = document.getElementById('btnApprove');
        const btnHold = document.getElementById('btnHold');

        const isPurchaser = (UserRights == 'CnvssAppver') ? 'block' : 'none';

        if (isApproved) {
            btnApprove.style.display = 'none';
            btnHold.style.display = isPurchaser;
        } else {
            btnApprove.style.display = 'block';
            btnHold.style.display = 'block';
        }
    }
}
function viewPRStatusById(data) {
    loader = $('#overlay, #loader').css('z-index', 1060);
    PRDetailsId = data.prDetailsId;
    $.ajax($.extend({
        url: '/PRMgmt/GetPRStatusById',
        type: 'POST',
        data: { PRDetailsId },
        success: function (data) {
            if (data && data.data && data.data.length > 0) {
                var item = data.data[0];
                $('#viewPRTracking').on('shown.bs.modal', function () {
                    updateProgressBar(item);
                });

                $('#poTypeName').val(item.poTypeName);
                $('#poNumber').val(item.poNumber);
                $('#prNo').val(item.prNo);
                $('#requestedBy').val(item.requestedBy);
                $('#quantity').val(item.qty);
                $('#t-itemName').val(item.itemName);
                $('#t-itemDescription').val(item.itemDescription);
                $('#t-itemCategoryName').val(item.itemCategoryName);
                $('#t-itemNo').val(item.itemNo);
                $('#t-uomName').val(item.uomName);

                let formattedDate = formatDate(item.dateNeeded);
                $('#t-dateNeeded').val(formattedDate);
                var itemPicturePath = item.itemAttachPath;
                if (!itemPicturePath || itemPicturePath === 'N/A' || itemPicturePath === 'None') {
                    $('#t-itemPictureImage').attr('src', '/Content/Common/empty.jpg');
                } else {

                    var imageUrl = item.url + itemPicturePath;
                
                    $('#t-itemPictureImage').attr('src', imageUrl);
                }

                $('#viewPRTracking').modal('show');
                $('#viewPRTracking').css('z-index', 1060);

            } else {
                console.log('Data is null or undefined');
                window.location.href = '/Home/Logout';
            }
        },
        error: errorHandler
    }, beforeComplete(loader)));
}
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 vatRateLabel = document.getElementById('vatRateLabel');
    let amountPHPVatLabel = document.getElementById('amountPHPVatLabel');
    let amountPHPLabel = document.getElementById('amountPHPLabel');

    let vatRate = document.getElementById('vatRate');
    let amountPHPVat = document.getElementById('amountPHPVat');
    let amountUSD = document.getElementById('amountUSD');
    let amountPHP = document.getElementById('amountPHP');
    let btnSubmit = document.getElementById('btnSubmit');
    let btnReject = document.getElementById('btnReject');
    let btnPayment = document.getElementById('btnPayment');

    if (POTypeId !== 3) {
        amountUSD.style.display = 'none';
        amountUSDLabel.style.display = 'none';
    }
    if (UserRights !== 'LLIFINANCE' && UserRights !== 'CnvssAppver' && UserRights !== 'POApprover') { //dont touch &&      
        btnSubmit.style.display = 'none';
        amountUSDLabel.style.display = 'none';
        vatRateLabel.style.display = 'none';
        amountPHPVatLabel.style.display = 'none';
        amountPHPLabel.style.display = 'none';
        amountPHPVat.style.display = 'none';
        vatRate.style.display = 'none';
        amountPHP.style.display = 'none';
    }
    let btnComplete = document.getElementById('btnComplete');
    let btnIncomplete = document.getElementById('btnIncomplete');
    let btnClosePO = document.getElementById('btnClosePO');
    btnPayment.style.display = 'none';
    if (UserRights == 'POApprover' || UserRights == 'LLIFINANCE' || UserRights == 'CnvssAppver') {
        btnComplete.style.display = 'none';
        btnIncomplete.style.display = 'none';
        btnSubmit.style.display = 'none';
        btnReject.style.display = 'none';
        dynamicColumn = colRRFinance;
        dynamicTable = '#FRRdataTable';

        rrTableComponent(1, loader);
    } else {
        dynamicColumn = colForReceivingDetail;
        dynamicTable = '#RRdataTable';
        btnClosePO.style.display = 'none';
        rrTableComponent(2, loader);
    }
}
function inputPopulation() {
    // Update hidden input when an item category is selected
    $('#ItemCategory').on('change', function () {
        var selectedValue = $(this).val();
        $('#ItemCategoryId').val(selectedValue);
    });
    $('#itemCategorySelect').on('change', function () {
        var selectedValue2 = $(this).val();
        $('#ItemCategory2Id').val(selectedValue2);
    });
    // Bind the click event to the select element
    $('#itemCategoryName').on('click', function () {
        let itemCategory = document.getElementById('itemCategoryName');
        itemCategory.style.display = 'none';


        let itemCategorySelect = document.getElementById('itemCategorySelect');
        itemCategorySelect.style.display = 'block';

        populateItemCategSelect();

    });

    $("#itemColorName").on('keyup', function () {
        populateItemColor();
    });
    $("#uomName").on('keyup', function () {
        populateItemUOM();
    });
    $("#itemLocalName").on('keyup', function () {
        populateItemLocalization();
    });
}
function rrInitializeDatatable(loader) {

    tableElement = $(dynamicTable);
    tableDestroy(tableElement);
    receivingDetailTable = tableElement.DataTable({
        ajax: $.extend({
            url: '/PRMgmt/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: '/PRMgmt/GetRRTable',
        type: 'GET',
        data: { id: id },
        success: function (response) {
            $('#PRTableContainer').html(response);
            rrInitializeDatatable(loader);
        },
        error: errorHandler
    });
}
function enableDisableInput(isDenied, dynamicBtn) {
    let buttonUpdate = document.getElementById('btnUpdateItem');
    let btnHold = document.getElementById('btnHold');
    let btnApprove = document.getElementById('btnApprove');

    if (['Approver1', 'Approver2', 'CnvssAppver'].includes(UserRights)) {
        if (UserRights !== 'CnvssAppver') {
            btnApprove.style.display = 'block';
        } else {
            if (dynamicBtn) {
                btnHold.style.display = 'none';
            }
            btnApprove.style.display = 'none';
        }
    } else {
        if (UserRights === 'Requestor') {
            btnApprove.style.display = 'none';
            btnHold.style.display = 'none';
        }
    }
    if (isDenied != 1 || isDenied != true) {
        if (UserRights === 'Requestor') {
            buttonUpdate.style.display = 'block';       
        } 
    } else {
        if (['Approver1', 'Approver2', 'CnvssAppver'].includes(UserRights)) {
            buttonUpdate.style.display = 'none';
        } else {
            buttonUpdate.style.display = 'block';  
        }
    }

    // Get all the input and select elements
    let inputs = [
        document.getElementById('itemName'),
        document.getElementById('itemDescription'),
        document.getElementById('itemCategoryName'),
        document.getElementById('uomName'),
        document.getElementById('itemColorName'),
        document.getElementById('itemLocalName'),
        document.getElementById('itemClassId'),
        document.getElementById('prTypeId'),
        document.getElementById('itemQty'),

    ];
    inputs.forEach(function (input) {
        if (input) {
            input.disabled = (isDenied != 1);
        }
    });
}
function viewPRDetails(data) {
    loader = $('#overlay, #loader').css('z-index', 1060);

    $('#viewPRDetails').modal('show');
    $('#viewPRDetails').css('z-index', 1050);

    tableName = '#PRdataTable';

    totalSelectedLabel = $('#totalSelected');

    clearTableSelection(tableName, selectedProductsMap, () => {
        totalSelectedLabel.text(0);
    }, 'selected-row', '.select-all-item-checkbox');

    tableElement = $(tableName);
    tableDestroy(tableElement);

    var PRNo = data.prNo;

    getApproverName(0, PRNo);

    $('#prId').val(data.prId);

    const allowedRoles = ['Approver1', 'Approver2', 'POApprover'];

    if (allowedRoles.includes(UserRights)) {
        document.getElementById('btnSubmitItem').style.display = 'block';
    } else {
        document.getElementById('btnSubmitItem').style.display = 'none';
    }

    populatePRHeader(data);

    prDataTable = tableElement.DataTable({
        ajax: $.extend({
            url: '/PRMgmt/GetPRDetailByPRNo',
            type: 'POST',
            data: { PRNo },

        }, beforeComplete(loader)),
        language: {
            emptyTable: "No record available"
        },
        initComplete: function () {
            const api = this.api();
            const response = api.ajax.json() || {};
            const rows = response.data || [];

            const rowWithFile = rows.find(r => r.fileName?.trim());
            const rowWithProjectCode = rows.find(r => r.projectCode?.trim());

            if (rowWithProjectCode) {
                document.getElementById('label-pr-ProjectCode').innerHTML =
                    rowWithProjectCode.projectCode;
            }

            toggleAttachment(rowWithFile);  

            initializeTableSelection({
                tableName: tableName,
                dataTable: prDataTable,
                selectedItemsMap: selectedProductsMap,
                idKey: 'prDetailsId',
                idKey2: 'itemNo',
                checkboxClass: '.select-item-checkbox',
                selectAllClass: '.select-all-item-checkbox',
                selectedRowClass: 'selected-row',
                updateCountCallback: function () {
                    totalSelectedLabel.text(getSelectedCount(selectedProductsMap));
                }
            });
        },
        columns: colItemList,
        pageLength: 5,
        lengthMenu: [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
        rowCallback: rowStatusColorCallback,
        error: errorHandler
    });
}
function populatePRHeader(data) {
    const set = (id, value) =>
        document.getElementById(id).innerHTML = value ?? '';

    set('label-pr-prNo', data.prNo);
    set('label-prby', data.createdBy);
    set('label-pr-Department', data.department);
    set('label-pr-remarks', data.remarks);
    set('label-pr-attestedBy', data.attestedBy);
    set('label-pr-approvedBy', data.approvedBy);
    set('label-pr-dateNeeded', formatDate(data.dateNeeded));
}
function toggleAttachment(rowWithFile) {
    if (rowWithFile) {
        $('#fileName').val(rowWithFile.fileName);
        $('#origFileName').val(rowWithFile.origFileName || '');
        $('#btnDownloadAttachment').removeClass('d-none');
    } else {
        $('#fileName').val('');
        $('#origFileName').val('');
        $('#btnDownloadAttachment').addClass('d-none');
    }
}

function downloadPRAttachment() {
    let fileName = $('#fileName').val();

    const params = new URLSearchParams({ fileName: fileName });
    const url = `/PRMgmt/GetPRAttachment?${params.toString()}`;

    fetch(url, { method: 'GET' })
        .then(response => {
            if (!response.ok) {
                throw new Error("Failed to download file");
            }
            return response.blob();
        })
        .then(blob => {
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = fileName;
            document.body.appendChild(a);
            a.click();
            a.remove();
            window.URL.revokeObjectURL(url);
        })
        .catch(error => {
            showToast('error', error, 'Submission failed', 4000);
        });
}

function clearTextModal() {
    if (UserRights == 'LLISCMAdmin' || UserRights == 'LTReceiver') {
        document.getElementById('docTypeId').value = "";
        document.getElementById('suppDocNo').value = "";
        document.getElementById('remarks').value = "";
    }
}
function resetIsApproval() {
    isApproval = false;
}