const mobileScreen = window.matchMedia("(max-width: 990px )");
$(document).ready(function () {
    // Disable DataTables alert() error dialogs — use console.error instead.
    // Without this, any DataTables warning (e.g. HTML content in cells) shows
    // a blocking alert() dialog that breaks UI and automated tests.
    if (typeof DataTable !== 'undefined') {
        DataTable.ext.errMode = 'none';
    }

    $(".dashboard-nav-dropdown-toggle").click(function () {
        $(this).closest(".dashboard-nav-dropdown")
            .toggleClass("show")
            .find(".dashboard-nav-dropdown")
            .removeClass("show");
        $(this).parent()
            .siblings()
            .removeClass("show");
    });
    $(".menu-toggle").click(function () {
        if (mobileScreen.matches) {
            $(".dashboard-nav").toggleClass("mobile-show");
        } else {
            $(".dashboard").toggleClass("dashboard-compact");
        }
    });

    new DataTable('#table', {
        responsive: true,
        bAutoWidth: false,
        bLengthChange: true,
        lengthMenu: [[5, 10, 15, -1], ["5", "10", "15", "Tất cả"]],
        style_data : 
            [{'border': 'none'}],
        info: false,
        paging: true,
        pageLength: 10,
        language: {
            search: "",
            info: "Hiển thị _START_ tới _END_ của _TOTAL_ giường",
            paginate: {
                previous: 'Trang trước',
                next: 'Trang sau'
            },
            lengthMenu: 'Hiển thị _MENU_ dòng trên mỗi trang'
        },
        dom: "<'row'<'col-sm-10'l><'col-sm-2'f>>" +
        "<'row'<'col-sm-12'tr>>" +
        "<'row'<'col-sm-5'i><'col-sm-7'p>>",
        // ordering: false,
        // order: [
        //     [4, 'asc'],
        //     [1, 'asc'],
        //     [2, 'asc'],
        //     [6, 'desc']
        // ],
        // draw: 1,
        pagingType: 'simple_numbers',
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            $('td:eq(0)', nRow).html(iDisplayIndexFull +1);
        },
    });

    var multiImgPreview = function(input, imgPreviewPlaceholder) {
        if (input.files) {
            $('.imgPreview').empty();
            var filesAmount = input.files.length;
            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();
                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(imgPreviewPlaceholder);
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    };
    $('#upload-image').on('change', function() {
        multiImgPreview(this, 'div.imgPreview');
    });
});