tblog = null;

function load_log_data(datevalue){
    // check if format yyyy-mm-dd, convert to dd-mm-yyyy
    if (/^\d{4}-\d{2}-\d{2}$/.test(datevalue)) {
        const parts = datevalue.split("-");
        if (parts.length === 3) {
            datevalue = parts[2] + "-" + parts[1] + "-" + parts[0];
        }
    }
    console.log("Loading log data for date:", datevalue);
    tblog.clear().draw();
    fetchAPI('Log/'+datevalue,'GET',{}, null,function(data){
        //console.log("Log data fetched:", data);
        if (data && Array.isArray(data) && data.length > 0){
            data.forEach(function(item, index){
                tblog.row.add({
                    index: index + 1,
                    date: item.date,
                    time: item.time,
                    source: item.source,
                    description: item.description
                });
            });
            tblog.draw();
        } else {
            console.log("No log data found for date:", datevalue);
            alert("No log data found for the selected date.");
        }
    },function(error){
        console.error("Error fetching log data:", error);
        alert("Error fetching log data : " + error.message);
    });
}

$(document).ready(function () {
    console.log("Log.js is loaded");
    tblog = new DataTable('#logtable',{
        columns: [
            {title: 'Index', data: 'index'},
            {title: 'Date', data: 'date'},
            {title: 'Time', data: 'time'},
            {title: 'Source', data: 'source'},
            {title: 'Description', data: 'description'}
        ],
        pageLength: 25,
        data: [],
        buttons: ['excel', 'pdf', 'print'],
        layout: {
            topStart: 'buttons',
            topEnd: 'search'
        }
    })
    

    $('#reload_log').on('click', function(){
        // get value from date_log
        let datevalue = $('#date_log').val();
        load_log_data(datevalue);
    });

    let today = new Date().toISOString().split('T')[0];

    $('#date_log').val(today);
    load_log_data(today);

    $('#date_log').on('change', function(){
        let datevalue = $(this).val();
        load_log_data(datevalue);
    });
});