$(document).ready(function(){

    $('#eventCategorySelect').change(function () {
        $('#events').html('<i style="text-align:center; display: inherit; color: white;" class="fa fa-spinner fa-3x" aria-hidden="true"></i>');
        $.ajax({
            type: 'GET',
            url: '/wp-admin/admin-ajax.php',
            data: {
                'event-category': $(this).val(),
                action: 'getCategoryEvents'
            }
        }).done(function(res){
            $('#events').slick('unslick');
            $('#events').html(res);

            $('#events').slick(getSliderSettings());
        });
    });

    $('#events').slick(getSliderSettings());

    function getSliderSettings(){
        return {
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            prevArrow:"<button type='button' class='slick-prev pull-left eventsButton' ><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
            nextArrow:"<button type='button' class='slick-next pull-right eventsButton'><i class='fa fa-angle-right' aria-hidden='true'></i></button>",
            responsive: [
                {
                    breakpoint: 1300,
                    settings: {
                        slidesToShow: 2,
                    }
                },
                {
                    breakpoint: 500,
                    settings: {
                        slidesToShow: 1,
                    }
                }
            ]
        }
    }

});