function updateDepartmentId() {
    var chargeToElement = document.getElementById('chargeTo');
    if (!chargeToElement) {
        console.error('chargeTo element not found');
        return;
    }
    var selectedOption = chargeToElement.options[chargeToElement.selectedIndex];
    if (!selectedOption) {
        console.error('No option selected');
        return;
    }
    document.getElementById('departmentId').value = selectedOption.value;
    document.getElementById('chargeTo').addEventListener('change', updateDepartmentId);
}
function renderItembtns(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, """);
    var buttonsHtml = '';
    // var statusNumber = parseInt(row.status, 10);
    buttonsHtml += '<button onclick="deleteCartItemById(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-trash-can fa-xl" style="color: #Ff0000;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function showHideLabelButtons() {
    if (RequestTypeId == 1) {
        let labelnormalPR = document.getElementById('normalPR');
        let specialPR = document.getElementById('specialPR');
        let chargeTo = document.getElementById('chargeTo');
        let labelChargeTo = document.getElementById('labelChargeTo');

        labelnormalPR.style.display = 'none';
        specialPR.style.display = 'none';
        chargeTo.style.display = 'none';
        labelChargeTo.style.display = 'none';
    } else if (RequestTypeId == 2){
        let specialPR = document.getElementById('specialPR');
        let internalRequest = document.getElementById('internalRequest');
        let chargeTo = document.getElementById('chargeTo');
        let labelChargeTo = document.getElementById('labelChargeTo');

        internalRequest.style.display = 'none';
        specialPR.style.display = 'none';
        chargeTo.style.display = 'none';
        labelChargeTo.style.display = 'none';
    } else {
        let labelnormalPR = document.getElementById('normalPR');
        let internalRequest = document.getElementById('internalRequest');

        labelnormalPR.style.display = 'none';
        internalRequest.style.display = 'none';
    }
}
$(document).ready(function () {
    loader = $('#overlay, #loader');
    var submitButton = $('#btnSubmitItem'); 

    tableName = '#ItemCartTable';

    totalSelectedLabel = $('#totalSelected');

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

    tableElement = $(tableName);

    tableDestroy(tableElement);

    UserRights = document.getElementById("roleRights").value;
    RequestTypeId = document.getElementById("requestTypeId").value;
    showHideLabelButtons();
    itemTable = $(tableName).DataTable({
        ajax: {
            url: '/ItemMgmt/GetItemCart',
            type: 'GET',
            data: { RequestTypeId },
            beforeSend: function () {
                loader.show();
            },
            complete: function () {
                loader.hide();
            }
        },
        initComplete: function () {
            initializeTableSelection({
                tableName: tableName,
                dataTable: itemTable,
                selectedItemsMap: selectedProductsMap,
                idKey: 'itemCartId',
                idKey2: 'itemNo',
                checkboxClass: '.select-item-checkbox',
                selectAllClass: '.select-all-item-checkbox',
                selectedRowClass: 'selected-row',
                updateCountCallback: function () {
                    totalSelectedLabel.text(getSelectedCount(selectedProductsMap));
                }
            });
            var api = this.api();
            var data = api.ajax.json();

            if (!data || !data.data || data.data === "No Data") {
                $('.dataTables_empty').html("No record available");
            }
            updateSubmitButtonVisibility();
        },
        columns: [
            {
                data: 'itemCartId',
                title: '<input type="checkbox" class="select-all-item-checkbox" />',
                render: function () {
                    return '<input type="checkbox" class="select-item-checkbox"/>';
                },
                orderable: false,
                searchable: false
            },
            { data: 'itemNo' },
            { data: 'itemName' },
            { data: 'itemDescription' },
            { data: 'itemCategoryName' },
            { data: 'qty' },
            {
                data: null,
                render: function (data, type, row) {
                    return renderItembtns(data, row);
                }
            }
        ],
  
        "columnDefs": [
            {
                "targets": [5], 
                "render": function (data, type, row) {
                    return '<input type="number" class="editable-qty"  style="width:60px;" value="' + data + '" />';
                }
            }
        ],
        rowCallback: function (row, data) {
            var cartItemCount = data.cartItemCount;
            var itemCount = parseInt(cartItemCount, 10); 

            if (!isNaN(itemCount)) {
                $('#cartCount').text(itemCount); 
            } else {
                $('#cartCount').text('0'); 
            }
        },

        order: [[0, 'desc']],
        language: {
            emptyTable: "No record available"
        },
        error: errorHandler
    });

    function updateSubmitButtonVisibility() {
        var isEmpty = itemTable.data().length === 0; 
        submitButton.toggle(!isEmpty);
    }
})
function deleteCartItemById(data) {
    loader = $('#overlay, #loader');

    var ItemCartId = data.itemCartId;
    var ItemNo = data.itemNo;

    showConfirmation({
        title: 'Item Cart Deletion',
        message: 'Are you sure you want to delete this item? This action cannot be undone.',
        type: 'danger',
        confirmText: 'Yes, Delete',
        cancelText: 'Keep Item'
    }).then((confirmed) => {
        if (confirmed) {
        $.ajax({
            url: '/ItemMgmt/PostPutItemCart',
            type: 'POST',
            data: { ItemNo, ItemCartId },
            success: function (response) {
                if (response.success) {
                    itemTable.ajax.reload();
                    var totalSelectedLabel = $('#totalSelected');
                    totalSelectedLabel.text('');
                    showToast('success', 'Selected item deleted!', 'Success', 4000);
                } else {
                    loader.hide();
                    showToast('error', response.response, title + ' failed', 4000);
                }
            },
            beforeSend: function () {
                loader.show();
            },
            complete: function () {
                loader.hide();
            }
        });
        }
    });
}
document.getElementById('fileAttachment').addEventListener('change', function (e) {
    const file = e.target.files[0];
    const filePreview = document.getElementById('filePreview');
    const fileName = document.getElementById('fileName');
    const fileSize = document.getElementById('fileSize');

    if (file) {
        // Validate file size (5MB max)
        const maxSize = 5 * 1024 * 1024; // 5MB in bytes
        if (file.size > maxSize) {
            showToast('warning', 'File size exceeds 5MB. Please choose a smaller file.', 'File Upload', 4000);
            e.target.value = '';
            return;
        }

        // Validate file type
        const allowedExtensions = ['csv', 'xlsx', 'xls', 'pdf'];
        const fileExtension = file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            showToast('warning', 'Invalid file type. Please upload CSV, Excel, or PDF files only.', 'File Upload', 4000);
            e.target.value = '';
            return;
        }

        // Show file preview
        fileName.textContent = file.name;
        fileSize.textContent = formatFileSize(file.size);
        filePreview.classList.remove('d-none');
    }
});
function formatFileSize(bytes) {
    if (bytes === 0) return '0 Bytes';
    const k = 1024;
    const sizes = ['Bytes', 'KB', 'MB'];
    const i = Math.floor(Math.log(bytes) / Math.log(k));
    return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
}
function clearFileAttachment() {
    document.getElementById('fileAttachment').value = '';
    document.getElementById('filePreview').classList.add('d-none');
}
function clearFormData() {
    document.getElementById('dateNeeded').value = '';
    document.getElementById('projectCode').value = '';
    document.getElementById('requestorRemarks').value = '';
    document.getElementById('fileAttachment').value = '';
    document.getElementById('chargeTo').value = '';
    clearFileAttachment();
    document.getElementById('charCount').textContent = '0';
}
document.getElementById('requestorRemarks').addEventListener('input', function (e) {
    const charCount = document.getElementById('charCount');
    const currentLength = e.target.value.length;
    const maxLength = 100;

    charCount.textContent = currentLength;

    if (currentLength > maxLength) {
        e.target.value = e.target.value.substring(0, maxLength);
        charCount.textContent = maxLength;
    }

    // Change color when approaching limit
    if (currentLength > maxLength * 0.9) {
        charCount.classList.add('text-danger');
    } else {
        charCount.classList.remove('text-danger');
    }
});