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

    $.ajax({
        type: 'POST',
        url: '../Backend/controller/getPost.php',
        success:function (data) {
            console.log(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);
        }
    });
});