function showModalNewUpdateSupplier(data) {
    var loader = $('#overlay, #loader');

    var SupplierId = data.supplierId;
    if (!SupplierId) {
        clearTextModal();
        showHideLabelButtons(1);
        $('#viewPRDetails').modal('hide');//remove over modal
        $('#addNewEditSupplier').modal('show');
        $('#addNewEditSupplier').css('z-index', 1070);
    } else {
        $.ajax({
            url: '/CanvassMgmt/GetSupplierById',
            type: 'POST',
            data: { SupplierId }, 
            beforeSend: function () {
                loader.show();
            },
            complete: function () {
                loader.hide();
            },
            success: function (data) {
                if (data && data.data && data.data.length > 0) {
                    var item = data.data[0];

                    $('#supplierName').val(item.supplierName);
                    $('#emailAddress').val(item.emailAddress);
                    $('#isActive').val(item.isActive);

                    $('#addNewEditSupplier').modal('show');
                } else {
                    console.log('Data is null or undefined');
                }
            },
            error: errorHandler
        });

    }
}
function showHideLabelButtons(isNewOrUpdate) {

    if (isNewOrUpdate == 1) {
        let labelHeaderUpdate = document.getElementById('headerUpdate');
        let btnUpdateSupplier = document.getElementById('btnUpdateSupplier');
        labelHeaderUpdate.style.display = 'none';
        btnUpdateSupplier.style.display = 'none';

        let labelHeaderAddNew = document.getElementById('headerNew');
        let btnAddNewSupplier = document.getElementById('btnaddNewSupplier');
        labelHeaderAddNew.style.display = 'block';
        btnAddNewSupplier.style.display = 'block';
        clearTextModal();
    } else {
        let labelHeaderAddNew = document.getElementById('headerNew');
        let btnAddNewSupplier = document.getElementById('btnaddNewSupplier');
        labelHeaderAddNew.style.display = 'none';
        btnAddNewSupplier.style.display = 'none';

        let labelHeaderUpdate = document.getElementById('headerUpdate');
        let btnUpdateSupplier = document.getElementById('btnUpdateSupplier');
        labelHeaderUpdate.style.display = 'block';
        btnUpdateSupplier.style.display = 'block';
    }
}
$(document).ready(function () {
    var loader = $('#overlay, #loader');

    supplierDataTable = $('#SupplierTable').DataTable({
        ajax: $.extend({
            url: '/CanvassMgmt/GetMySuppliers',
            type: 'GET',
        }, beforeComplete(loader)),
        initComplete: initCompleteCallback(),
        columns: colOnSuppliers,
        scrollX: true,
        columnDefs: [
            {
                targets: '_all',
                render: function (data, type, row) {
                    if (type === 'display' && data && data.length > 50) {
                        return '<div style="white-space: normal; word-wrap: break-word;">' + data + '</div>';
                    }
                    return data;
                }
            }
        ],
        language: {
            emptyTable: "No record available"
        },
        error: errorHandler
    });
})