$(document).ready(function () {
    let tmp = false;
    let orderHistory = $('#order_history').DataTable({
        "dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center'l><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center mt-sm-0 mt-3'f>>>" +
            "<'table-responsive'tr>" +
            "<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count  mb-sm-0 mb-3'i><'dt--pagination'p>>",
        "oLanguage": {
            "oPaginate": {
                "sPrevious": '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>',
                "sNext": '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>',
            },
            // "sInfo": "Showing page _PAGE_ of _PAGES_",
            "sSearch": '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
            "sSearchPlaceholder": "Search...",
            "sLengthMenu": "Results :  _MENU_",
        },
        "stripeClasses": [],
        "lengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
        "pageLength": 10,
        // "info": false,
        processing: true,
        serverSide: true,
        ajax: {
            'type': 'POST',
            "url": getData,
            "data": function (data) {
                data.cafe = true;
                data.user = '';
                data.orderFrom = $("#filter_form input[name='order_from']").val();
                data.orderTo = $("#filter_form input[name='order_to']").val();
                data.today = false;
            },
		success: function(response) {
        console.log(response); // Log the response to see what you get
        // You can also perform additional actions here if needed
    },
    error: function(xhr, status, error) {
        console.error("AJAX Error: ", status, error); // Log any errors
    }
        },
        fnDrawCallback: function() {
            if (!tmp) {
                $('#filter_form input').each(function() {
                    $(this).val('');
                });
            }
        },
        columns: [
            {
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                orderable: false,
                searchable: false
            },
            {
                data: 'order_number',
                name: 'order_number',
                orderable: false,
                // searchable: false
            },
            {
                data: 'user_name',
                name: 'users.name',
                orderable: false,
                // searchable: false
            },
            {
                data: 'order_amount',
                name: 'order_amount',
                orderable: false,
                searchable: false
            },
            {
                data: 'order_time',
                name: 'order_time',
                orderable: false,
                searchable: false
            },
            {
                data: 'order_item_array',
                name: 'order_item_array',
                orderable: false,
                searchable: false
            },
            {
                data: 'status',
                orderable: false,
                searchable: false
            },
            {
                data: 'action',
                orderable: false,
                searchable: false
            }
        ],
        order: [[1, '']],
    });

    // $("#filter_form").submit(function () {
    $("#filter-save").click(function () {
        tmp = true;
        orderHistory.draw();
        // return false;
    });

    $('#order_from').flatpickr({
        altInput: true,
        altFormat: "d-m-Y",
        dateFormat: "Y-m-d",
    });

    $('#order_to').flatpickr({
        altInput: true,
        altFormat: "d-m-Y",
        dateFormat: "Y-m-d",
    });

    $('#order_from').change((e) => {
        let elementValue = e.target.value;
        let orderFrom = moment(elementValue).format('YYYY-MM-DD');
        let date = new Date(orderFrom);
        let minDate1 = moment(date.setDate(date.getDate() + 1)).format('YYYY-MM-DD');
        $('#order_to').flatpickr({
            minDate: minDate1,
            altInput: true,
            altFormat: "d-m-Y",
            dateFormat: "Y-m-d"
        });
    });
});