$(function () {
    setLazyExplorerMoreJS();
});

function getCategoriesByDestinaton(category, destination) {
    console.log(category + '' + destination);

}

function addShowMore(isAMP) {
    var explorer = $('#explorer-items');
    var showMore = $('<div class="show-more" data-loader="loadExplorerMore" data-amp="' + isAMP + '">');
    showMore.append('<div class="loading">');

    $(showMore).on('click', function (e) {
        e.preventDefault();
        loadExplorerMore();
    });

    $(showMore).lazy({
        threshold: 100,
        visibleOnly: true,
        // loads instantly
        loadExplorerMore: function (element) {
            loadExplorerMore(element);
        }
    });

    explorer.append(showMore);
}

function setLazyExplorerMoreJS() {
    $('.show-more').on('click', function (e) {
        e.preventDefault();
        loadExplorerMore();
    });

    $('.show-more').lazy({
        threshold: 100,
        visibleOnly: true,
        // loads instantly
        loadExplorerMore: function (element) {
            loadExplorerMore(element);
        }
    });
}

function loadExplorerMore(ref) {

    var user = $('#user-data');
    var client = $('#client-data');
    var explorer = $('#explorer-items');

    var client_data = '';
    if (client.length) {
        client_data = client.data('type') + '|' + client.data('id');
    }

    let amp = ref.data('amp');

    if (explorer.length) {
        /*
        if (!ref.data('loaded')) {
            ref.data('loaded', '1');
         */
        $.ajax({
            method: 'POST', url: GR_URL_API, dataType: 'json', async: true,
            data: {
                'category': explorer.data('category'),
                'destination': explorer.data('destination'),
                'coords': user.data('pos'),
                'page': explorer.data('page'),
                'client': client_data,
                'lang': GR_LANG,
                'amp': amp,
                'option': 'ajax',
                'action': 'getExplorerCategory'
            }, success: function (data) {
                if (!(data.html.trim() === '')) {
                    var page = explorer.data('page');
                    //console.log('PAGE: ' + (page + 1));

                    var rowItems = explorer.find('.row.items');
                    rowItems.append(data.html);
                    setItemsBehavior(rowItems);
                    explorer.data('page', page + 1);
                    addShowMore(amp);

                    var page_url = document.location.pathname + '?page=' + (page + 1);

                    if (typeof window.ga !== 'undefined') {
                        ga('send', 'pageview', page_url);
                    }
                }
                ref.remove();
            }, error: function (data) {
                //node.html('ERROR').removeClass('loading');
                //node.append('').removeClass('loading');
                ref.remove();
            }
        });
        /*
    }
         */
    }
}