let filterState = {};
$(document).ready(function(){
    const jenisMenuAwal = $("#tabJenisMenu .nav-link.active").data("filter")
     filterState ={
        jenis_menu: jenisMenuAwal,
        search:'',
        per_page: 50,
    }

    fetchMenu(filterState)

    $('#tabJenisMenu .nav-link').on('click', function(e){
        e.preventDefault();
        const jenis = $(this).data('filter')
        $('#tabJenisMenu .nav-link').removeClass('active text-success').addClass('text-black');

        $(this).closest('.nav-link').removeClass('text-black').addClass('active text-success');

        datePicker.clear();
        document.getElementById('tanggalTerpilihLabel').classList.add('d-none'); // Sembunyikan label
        document.getElementById('tanggalTerpilihLabel').textContent = '';
        document.getElementById('resetTanggal').classList.add('d-none');
        filterState.jenis_menu = jenis
        fetchMenu(filterState)
    })
    $(".alert-link").on('click', function(e){
        e.preventDefault();
        $('#tabJenisMenu .nav-link').removeClass('active text-success').addClass('text-black');
        $('#tabJenisMenu .nav-link[data-filter="konsultasi" ]').removeClass('text-black').addClass('active text-success');

         if (typeof datePicker !== 'undefined') {
                datePicker.clear();
            }

        filterState.jenis_menu = 'konsultasi';

        document.getElementById('tanggalTerpilihLabel').classList.add('d-none'); // Sembunyikan label
        document.getElementById('tanggalTerpilihLabel').textContent = '';
        document.getElementById('resetTanggal').classList.add('d-none');

        fetchMenu(filterState);
    })

    let searchTimout;
    $('#searchMenu').on('input', function(){
        clearTimeout(searchTimout);
        const keyword = $(this).val();

        searchTimout = setTimeout(() => {
            filterState.search = keyword;
            fetchMenu(filterState)
        }, 300)
    })

    
})

function changePerPage(select) {
    const newPerPage = parseInt(select.value);
    filterState.per_page = newPerPage
    fetchMenu(filterState)
}