function clearTable() {
    var table = document.getElementById("alldatatable");
    var rowCount = table.rows.length;

    // Iterate through each row and remove it
    for (var i = rowCount - 1; i > 0; i--) {
        table.deleteRow(i);
    }
}


function getAllData() {
    console.log('12321321')
    clearTable();

    let tableBody = document.getElementById('alldatatable').getElementsByTagName("tbody")[0];
    i = 0;
    $.getJSON("/getall", function (data) {
        $.each(data, function (index, item) {
            let newRow = tableBody.insertRow(tableBody.rows.length);
            let cell1 = newRow.insertCell(0);
            let cell2 = newRow.insertCell(1);
            let cell3 = newRow.insertCell(2);
            let cell4 = newRow.insertCell(3);
            let cell5 = newRow.insertCell(4);
            let cell6 = newRow.insertCell(5);
            let cell7 = newRow.insertCell(6);
            let cell8 = newRow.insertCell(7);

            i++;

            cell1.innerText = i;
            cell2.innerText = item.numberved;
            cell3.innerText = item.invNumber;
            cell4.innerText = item.nazvanie;
            cell5.innerText = item.kolichestvo;
            cell6.innerText = item.balancenumber;
            cell7.innerText = item.aud;
            cell8.innerText = item.raspologenie;


            $(newRow).data('itemData', i);


            $(newRow).on("click", function () {

                let vednumbertxt = newRow.cells[1].innerText;
                let invnomertxt = newRow.cells[2].innerText;
                let nazvanietxt = newRow.cells[3].innerText;
                let kolvotxt = newRow.cells[4].innerText;
                let schettxt = newRow.cells[5].innerText;
                let raspologtxt = newRow.cells[7].innerText;


                $('#getmodal').modal('show');


                let vedomost = document.getElementById('modal_vednumber')
                let invnom = document.getElementById('modal_invnom')
                let matcen = document.getElementById('modal_matcenn')
                let kolvo = document.getElementById('modal_kolvo')
                let balancenumber = document.getElementById('modal_balance')
                let rasp = document.getElementById('modal_rapolog')

                invnom.innerText = invnomertxt
                matcen.innerText = nazvanietxt.substring(0, 20)

                if (vednumbertxt.length > 0) {
                    vedomost.value = vednumbertxt;
                }

                if (kolvotxt.length > 0) {
                    kolvo.value = kolvotxt;
                }

                if (schettxt.length > 0) {
                    balancenumber.value = schettxt;
                }

                if (raspologtxt.length > 0) {
                    rasp.value = raspologtxt;
                }

            });

        });
    });

}

$(document).ready(function () {

    getAllData();

});


$('#modalclose').click(function () {


    let vednumber = document.getElementById('modal_vednumber')
    let kolvo = document.getElementById('modal_kolvo')
    let balancenumber = document.getElementById('modal_balance')
    let matcen = document.getElementById('modal_matcenn')
    let rasp = document.getElementById('modal_rapolog')


    vednumber.value = '';
    kolvo.value = '';
    balancenumber.value = '';
    matcen.value = '';
    rasp.value = '';
    $('#getmodal').modal('hide')


})

$('#modalsavetodb').click(function () {

    let invnom = document.getElementById('modal_invnom')
    let vednumber = document.getElementById('modal_vednumber')
    let kolvo = document.getElementById('modal_kolvo')
    let balancenumber = document.getElementById('modal_balance')
    let matcen = document.getElementById('modal_matcenn')
    let rasp = document.getElementById('modal_rapolog')
    let nazv = document.getElementById('modal_nazvanie')


    let changeddata = new Array()

    changeddata[0] = invnom.text;
    changeddata[1] = vednumber.value;
    changeddata[2] = kolvo.value;
    changeddata[3] = balancenumber.value;
    changeddata[4] = rasp.value;


    let sendData = changeddata.join(',')
    console.log(sendData)

    $.ajax({

        url: "/addraspved",
        type: "POST",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        data: sendData,

        success: function () {
            $('#getmodal').modal('hide')

            vednumber.value = '';
            kolvo.value = '';
            balancenumber.value = '';
            matcen.value = '';
            rasp.value = '';
            changeddata = [];
            window.location.reload();
        },
    })


})


$('#addoborud').click(function () {

    $('#addmodal').modal('show');

})

$('#modal2savetodb').click(function () {

    let invnomer = document.getElementById('modal2_invnom')
    let vednumber = document.getElementById('modal2_vednumber')
    let kolvo = document.getElementById('modal2_kolvo')
    let balancenumber = document.getElementById('modal2_balance')
    let matcen = document.getElementById('modal2_matcenn')
    let rasp = document.getElementById('modal2_rapolog')
    let nazv = document.getElementById('modal2_nazvanie')


    let changeddata = new Array()

    changeddata[0] = invnomer.value;
    changeddata[1] = vednumber.value;
    changeddata[2] = kolvo.value;
    changeddata[3] = balancenumber.value;
    changeddata[4] = rasp.value;
    changeddata[5] = nazv.value;


    let sendData = changeddata.join(',')
    console.log(sendData)

    $.ajax({

        url: "/addoborudasu",
        type: "POST",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        data: sendData,

        success: function () {
            vednumber.value = '';
            invnomer.value = '';
            nazvanie.value = '';
            kolvo.value = '';
            balancenumber.value = '';
            matcen.value = '';
            rasp.value = '';

            $('#addmodal').modal('hide')
            window.location.reload()

        },

    })


})

$('#modal2close').click(function () {


    let vednumber = document.getElementById('modal2_vednumber')
    let invnomer = document.getElementById('modal2_invnom')
    let nazvanie = document.getElementById('modal2_nazvanie')
    let kolvo = document.getElementById('modal2_kolvo')
    let balancenumber = document.getElementById('modal2_balance')
    let matcen = document.getElementById('modal2_matcenn')
    let rasp = document.getElementById('modal2_rapolog')


    vednumber.value = '';
    invnomer.value = '';
    nazvanie.value = '';
    kolvo.value = '';
    balancenumber.value = '';
    matcen.value = '';
    rasp.value = '';

    $('#addmodal').modal('hide')


})

$('#modal2').on('hidden.bs.modal', function () {
    location.reload();
})

$(document).ready(function () {
    // Слушаем событие клика по заголовкам таблицы
    $('#alldatatable thead th').on('click', function () {
        var columnIndex = $(this).index(); // Индекс колонки
        var sortColumn = $(this).text().toLowerCase(); // Текст заголовка колонки

        // Сортируем таблицу по выбранной колонке
        $('#alldatatable tbody tr').sort(function (a, b) {
            var valA;
            var valB;

            if (isNaN(parseFloat($(a).find('td:eq(' + columnIndex + ')').text()))) {
                // если это текстовая колонка, то сортируем по алфавиту
                valA = $(a).find('td:eq(' + columnIndex + ')').text().toLowerCase();
                valB = $(b).find('td:eq(' + columnIndex + ')').text().toLowerCase();
            } else {
                // если это числовая колонка, то сортируем по числовому значению
                valA = parseFloat($(a).find('td:eq(' + columnIndex + ')').text());
                valB = parseFloat($(b).find('td:eq(' + columnIndex + ')').text());
            }

            if (valA < valB) return -1;
            if (valA > valB) return 1;
            return 0;
        }).appendTo('#alldatatable tbody');

        // Обновляем классы для активной колонки
        $('#alldatatable thead th').removeClass('active');
        $(this).addClass('active');
    });
});