$(document).ready(function() {
    var table = $('#table_id').DataTable({
        fixedHeader: true,
        dateTime: true,
        order: [ 0, 'desc' ],
        columnDefs: [
            {
                "targets": "w-1em",
                orderable: false,
                "searchable": false,
            }
        ],
    });

    var tableUser = $('#table_id_users').DataTable({
        fixedHeader: true,
        columnDefs: [
            {
                "targets": "w-1em",
                orderable: false,
                "searchable": false,
            }
        ],
    });

    $.ajax({
        type: 'POST',
        url: '../Backend/controller/getPost.php',
        success:function (data) {
            for (let i = 0; i < data.length; i++){
                var d = new Date(data[i].created_at);

                table.row.add([
                    d.getDate() + '/' + (d.getMonth()+1)+'-'+d.getFullYear(),
                    data[i].title,
                    '<a class="w-1em" onclick="editPost('+ data[i].id + ')"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
                    '<a class="w-1em" onClick="deletePostSwal(' + data[i].id + ')"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></a>'
                ]).draw().node().id = data[i].id;
            }
        },
        error:function (data) {
            console.log(data);
        }
    });

    $.ajax({
        type: 'POST',
        url: '../Backend/controller/getUser.php',
        success:function (data) {
            for (let i = 0; i < data[0].length; i++){
                if (data[0][i].id != data[1]) {
                    tableUser.row.add([
                        data[0][i].name,
                        '<a class="w-1em" onclick="editUser(' + data[0][i].id + ')"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
                        '<a class="w-1em" onClick="deleteUserSwal(' + data[0][i].id + ')"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></a>'
                    ]).draw().node().id = data[0][i].id;
                } else {
                    tableUser.row.add([
                        data[0][i].name,
                        '<a class="w-1em" onclick="editUser(' + data[0][i].id + ')"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
                        ''
                    ]).draw().node().id = data[0][i].id;
                }
            }
        },
        error:function (data) {
            console.log(data);
        }
    });
});