function render_kitchens() {
    let $container = $('.kitchen-tiles');

    emptyContainer();

    let data = {
        action: 'kitchens_load',
        paged: $('.kitchen-tiles').data('paged'),
        posts_per_page: $('.kitchen-tiles').data('pp-page'),
    }

    let hash = getHashParams();

    if($.isEmptyObject(hash)){
        let $kitchen_tiles = $('.kitchen-tiles');
        let style = $kitchen_tiles.data('type');

        if(style!==''){
            data.style = style;
        }
    }else{
        data.style = hash.style;
    }


    $.ajax({
        // eslint-disable-next-line no-undef
        url: ajax_object.ajax_url,
        type: 'POST',
        data: data,
        dataType: 'json',
        // eslint-disable-next-line no-unused-vars
        success: function(response){
            let itemTemplateSrc = $('#kitchen-item-template').html();
            $.each(response.kitchens, function(i, val){
                let itemHTML = getItemHTML(itemTemplateSrc, val);
                $container.append(itemHTML);
            });
            setupInfScr();
        },
    });
}

function setupInfScr(){

    let $elem = $('.kitchen-tiles');
    let jQueryBridget = require('jquery-bridget');
    jQueryBridget( 'infiniteScroll', InfiniteScroll, $ );

    let $container = $elem.infiniteScroll({
        path: function () {
            return '/wp-admin/admin-ajax.php?action=kitchens_load&posts_per_page=3&paged=' + (this.pageIndex + 1) + '&style=' + $elem.data('type');
        },
        responseType: 'json',
        history: false,
    });

    $container.on('load.infiniteScroll', function(event, response){
        // parse response into JSON data
        let itemTemplateSrc = $('#kitchen-item-template').html();
        $.each(response.kitchens, function(i, val){
            let itemHTML = getItemHTML(itemTemplateSrc, val);
            $container.append(itemHTML);
        });
    });
}

function emptyContainer(){
    let $container = $('.kitchen-tiles');
    $container.empty();
}