$(document).ready(function () {
            var table = $('#logbook').DataTable({
                "processing": true,
                "serverSide": true,
                "iDisplayLength": 20,
                "renderer": '',
                "ajax": {
                    "url": "sort.php",
                    "type": "POST",
                    "data": function (d) {
                        var filterParams = getFilterParams();
                        d.filterParams = JSON.stringify(filterParams);
                        return d;
                    }
                },
                "order": [[2, 'desc']],
                "rowId": function (a) {
                    return a.id;
                },
                "language": {
                    "lengthMenu": "",
                    "searchPlaceholder": "Поиск...",
                    "info": "Показано от _START_ до _END_ из _TOTAL_ записей",
                    "infoFiltered": "(отфильтровано из _MAX_ записей)"
                },
                "columns": [
                    {
                        "width": "2%",
                        "data": "id",
                        "title": "<div class='filter-header'><p>№</p><i class='fas fa-plus-circle' id='addRow' style='cursor:pointer' onclick='event.stopPropagation()'></i><i class='fas fa-filter filter-icon' data-column-index='0' onclick='event.stopPropagation();'></i></div>",
                        "render": function (data, type, full, meta) {
                            return "<i class='fas fa-eye' onclick='viewDetails(" + data + ");'></i>" + data;
                        }
                    },
                    {
                        "width": "4%",
                        "data": "goId",
                        "defaultContent": "",
                        "title": "<div class='filter-header'><p>ГОиЧС</p><i class='fas fa-filter filter-icon' data-column-index='1' onclick='event.stopPropagation();'></i></div>",
                    },
                    {
                        "width": "7%",
                        "data": "date",
                        "title": "<div class='filter-header'><p>Дата и время получения информации</p><i class='fas fa-filter filter-icon' data-column-index='2' onclick='event.stopPropagation();'></i></div>",
                        "render": function (data) {
                            var date = new Date(data);
                            var formattedDate = date.toLocaleString('ru-RU', {
                                year: 'numeric',
                                month: 'numeric',
                                day: 'numeric',
                                hour: 'numeric',
                                minute: 'numeric'
                            });
                            return formattedDate;
                        }
                    },
                    { "width": "7%", "data": "partner", "title": "<div class='filter-header'><p>Контрагент</p><i class='fas fa-filter filter-icon' data-column-index='3' onclick='event.stopPropagation();'></i></div>" },
                    {
                        "width": "7%",
                        "data": "category",
                        "title": "<div class='filter-header'><p>Категория</p><i class='fas fa-filter filter-icon' data-column-index='4' onclick='event.stopPropagation();'></i></div>"
                    },
                    { "width": "7%", "data": "reason", "title": "<div class='filter-header'><p>Причина отключения</p><i class='fas fa-filter filter-icon' data-column-index='5' onclick='event.stopPropagation();'></i></div>" },
                    { "width": "8%", "data": "fromWho", "title": "<div class='filter-header'><p>Должность, ФИО лица, от которого поступила информация</p><i class='fas fa-filter filter-icon' data-column-index='6' onclick='event.stopPropagation();'></i><div>" },
                    { "width": "25%", "data": "description", "title": "<div class='filter-header'>Краткое описание ЧС, (угрозы) проишествия (Классификация)<i class='fas fa-filter filter-icon' data-column-index='7' onclick='event.stopPropagation();'></i></div>", },
                    {
                        "width": "7%",
                        "data": "dateToSend", "title": "<div class='filter-header'><p>Дата и время отправки</p><i class='fas fa-filter filter-icon' data-column-index='8' onclick='event.stopPropagation();'></i></div>",
                        "render": function (data) {
                            var date = new Date(data);
                            var formattedDate = date.toLocaleString('ru-RU', {
                                year: 'numeric',
                                month: 'numeric',
                                day: 'numeric',
                                hour: 'numeric',
                                minute: 'numeric'
                            });
                            return formattedDate;
                        }
                    },
                    { "width": "7%", "data": "toWho", "title": "<div class='filter-header'><p>Кому передана информация</p><i class='fas fa-filter filter-icon' data-column-index='9' onclick='event.stopPropagation();'></i></div>" },
                    { "width": "6%", "data": "howSend", "title": "<div class='filter-header'><p>Как передана информация</p><i class='fas fa-filter filter-icon' data-column-index='10' onclick='event.stopPropagation();'></i></div>" },
                    { "width": "7%", "data": "position", "title": "<div class='filter-header'><p>Должность, ФИО сотрудника ЦДС</p><i class='fas fa-filter filter-icon' data-column-index='11' onclick='event.stopPropagation();'></i></div>" }
                ],

            });


            $('#logbook thead .filter-icon').on('click', function (event) {
                var columnIndex = $(this).data('column-index');
                var buttonPosition = $(this).offset();
                var modal = $('#filterModal');
                modal.attr('data-column-index', columnIndex);
                modal.css('top', buttonPosition.top + 'px');
                modal.css('left', buttonPosition.left + 'px');
                getUniqueColumnValues(columnIndex);
            });

            // $('#logbook tbody').sortable({
            //     axis: 'y',
            //     update: function (event, ui) {
            //         var newOrder = $(this).sortable('toArray', { attribute: 'id' });
            //         console.log(newOrder);
            //         console.log(newOrder);
            //         $.ajax({
            //             type: 'POST',
            //             url: 'update_order.php',
            //             data: { newOrder: newOrder },
            //             success: function (response) {
            //             },
            //             error: function () {
            //             }
            //         });
            //     }
            // });

            var partnerOptions = <?php
            $sql = "SELECT id, partner FROM partners WHERE status = 1";
            $result = $conn->query($sql);
            $partnerData = array();

            if ($result && $result->num_rows > 0) {
                while ($row = $result->fetch_assoc()) {
                    $partnerData[] = array(
                        'id' => $row['id'],
                        'partner' => $row['partner']
                    );
                }
            }
            echo json_encode($partnerData);
            ?>;
            var categoryOptions = <?php
            $sql = "SELECT id, category FROM category WHERE status = 1";
            $result = $conn->query($sql);
            $categoryData = array();

            if ($result && $result->num_rows > 0) {
                while ($row = $result->fetch_assoc()) {
                    $categoryData[] = array(
                        'id' => $row['id'],
                        'category' => $row['category']
                    );
                }
            }
            echo json_encode($categoryData);
            ?>;
            var reasonOptions = <?php
            $sql = "SELECT id, reason FROM reason WHERE status = 1";
            $result = $conn->query($sql);
            $partnerData = array();

            if ($result && $result->num_rows > 0) {
                while ($row = $result->fetch_assoc()) {
                    $reasonData[] = array(
                        'id' => $row['id'],
                        'reason' => $row['reason']
                    );
                }
            }
            echo json_encode($reasonData);
            ?>;
            $(document).ready(function () {
                $('#addRow').on('click', function () {
                    console.log('Adding new row...');

                    var newRowData = {
                        id: '',
                        date: '',
                        dateToSend: '',
                        description: '',
                        howSend: '',
                        fromWho: '',
                        toWho: '',
                        partnerId: '',
                        categoryId: '',
                        reasonId: '',
                        position: '',
                        partner: '',
                        category: '',
                        reason: ''
                    };

                    var newRow = table.row.add(newRowData).draw(false).node();
                    $(newRow).addClass('new-row');

                    $(newRow).find('td').eq(2).html('<input type="datetime-local" name="date" class="form-control">');
                    $(newRow).find('td').eq(3).html('<input type="datetime-local" name="dateToSend" class="form-control">');
                    $(newRow).find('td').eq(4).html('<textarea name="description" class="form-control"></textarea>');
                    $(newRow).find('td').eq(5).html('<textarea name="howSend" class="form-control"></textarea>');
                    $(newRow).find('td').eq(6).html('<textarea name="fromWho" class="form-control"></textarea>');
                    $(newRow).find('td').eq(7).html('<textarea name="toWho" class="form-control"></textarea>');
                    $(newRow).find('td').eq(8).html('<select name="partnerId" class="select"></select>');
                    $(newRow).find('td').eq(9).html('<select name="categoryId" class="select"></select>');
                    $(newRow).find('td').eq(10).html('<select name="reasonId" class="select"></select>');


                    var partnerSelectHTML = '<select name="partnerId" class="select">';
                    partnerSelectHTML += '<option value="">Выберите контрагента</option>';
                    for (var i = 0; i < partnerOptions.length; i++) {
                        partnerSelectHTML += '<option value="' + partnerOptions[i].id + '">' + partnerOptions[i].partner + '</option>';
                    }
                    partnerSelectHTML += '</select>';
                    $(newRow).find('td').eq(8).html(partnerSelectHTML);

                    var categorySelectHTML = '<select name="categoryId" class="select">';
                    categorySelectHTML += '<option value="">Выберите категорию</option>';
                    for (var i = 0; i < categoryOptions.length; i++) {
                        categorySelectHTML += '<option value="' + categoryOptions[i].id + '">' + categoryOptions[i].category + '</option>';
                    }
                    categorySelectHTML += '</select>';
                    $(newRow).find('td').eq(9).html(categorySelectHTML);

                    var reasonSelectHTML = '<select name="reasonId" class="select">';
                    reasonSelectHTML += '<option value="">Выберите причину</option>';
                    for (var i = 0; i < reasonOptions.length; i++) {
                        reasonSelectHTML += '<option value="' + reasonOptions[i].id + '">' + reasonOptions[i].reason + '</option>';
                    }
                    reasonSelectHTML += '</select>';
                    $(newRow).find('td').eq(10).html(reasonSelectHTML);

                    $(newRow).find('td').eq(11).html('<select name="position" class="select">' +
                        '<option value="">Выберите сотрудника</option>' +
                        '<option value="Коваленко А.С. Ведущий инженер">Коваленко А.С. Ведущий инженер</option>' +
                        '<option value="Маринушкин Д.А. Инженер">Маринушкин Д.А. Инженер</option>' +
                        '<option value="Кольман Э.А. Инженер">Кольман Э.А. Инженер</option>' +
                        '<option value="Шарыгин А.В. Инженер">Шарыгин А.В. Инженер</option>' +
                        '<option value="Кофанова А.А. Ведущий инженер">Кофанова А.А. Ведущий инженер</option>' +
                        '<option value="Бахарёв Е.Ю. Инженер">Бахарёв Е.Ю. Инженер</option>' +
                        '<option value="Искандаров А.Ш. Старший инженер">Искандаров А.Ш. Старший инженер</option>' +
                        '<option value="Ковалев А.В. Старший инженер">Ковалев А.В. Старший инженер</option>' +
                        '<option value="Таловиков С.В. Инженер">Таловиков С.В. Инженер</option>' +
                        '<option value="Куприянова Е.Ю. Инженер">Куприянова Е.Ю. Инженер</option>' +
                        '<option value="Захарьев А.А. Инженер">Захарьев А.А. Инженер</option>' +
                        '<option value="Бастрон Е.А. Инженер">Бастрон Е.А. Инженер</option>' +
                        '<option value="Жавнер Т.В. Инженер">Жавнер Т.В. Инженер</option>' +
                        '<option value="Зубкова Е.Н. Инженер">Зубкова Е.Н. Инженер</option>' +
                        '<option value="Кулагина Н.В. Инженер">Кулагина Н.В. Инженер</option>' +
                        '<option value="Машурик Е.В. Инженер">Машурик Е.В. Инженер</option>' +
                        '<option value="Неплих Е.В.Инженер">Неплих Е.В.Инженер</option>' +
                        '<option value="Пахомов А.С. Ведущий инженер">Пахомов А.С. Ведущий инженер</option>' +
                        '<option value="Саранский Д.В. Инженер">Саранский Д.В. Инженер</option>' +
                        '<option value="Смертина М.В. Ведущий инженер">Смертина М.В. Ведущий инженер</option>' +
                        '<option value="Звидрина С.В. Инженер">Звидрина С.В. Инженер</option>' +
                        '<option value="Шуренков В.В Инженер">Шуренков В.В Инженер</option>' +
                        '</select>');

                    console.log('New row added:', newRow);
                });
            });