$('.load-more-blogs').click(function () {
    var row = Number($('#row').val());
    var allcount = Number($('#all').val());
    var id_categoria = Number($('#id_categoria').val());
    var rowperpage = Number($('#quante').val());
    var lang = $('#session_lang').val();

    row = row + rowperpage;
    if (row <= allcount) {
        $("#row").val(row);
        $.ajax({
            url: 'https://www.dbtfibre.com/assets/ajax/getBlogs.php',
            type: 'post',
            data: {row: row, rowperpage: rowperpage, id_categoria: id_categoria},
            beforeSend: function () {
                $(".load-more-blogs a").text('Loading');
            },
            success: function (response) {
                setTimeout(function () {
                    console.log("reload 1");
                    var dati = JSON.parse(response);
                    var html = '';
                    $.each(dati.contenuto, function (key, value) {
                        console.log(key + ": " + JSON.stringify(value));
                        let newDate = new Date(value.data_inizio_pubblicazione);

                        const day = newDate.getDate();
                        const monthIndex = newDate.getMonth();
                        const year = newDate.getFullYear();

                        const months_it = [
                            'Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio',
                            'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'
                        ];

                        const months_en = [
                            'January', 'February', 'March', 'April', 'May', 'June', 'July',
                            'August', 'September', 'October', 'November', 'December'
                        ];

                        var monthName = '';
                        if(lang == 'it'){
                            monthName = months_it[monthIndex];
                        } else {
                            monthName = months_en[monthIndex];
                        }

                        const formattedDate = `${day} ${monthName} ${year}`;

                        newDate = newDate.toLocaleDateString();
                        html += '<li class="grid-item wow animate__fadeIn"><div class="blog-post border-radius-5px bg-white">';
                        html += '<div class="blog-post-image"><a href="'+dati.url_blog+value.seo_url+'" title=""><img src="'+dati.path_copertina_blog+'/'+value.immagine+'" alt=""></a><div class="alt-font blog-category"><a href="'+dati.url_blog+value.seo_url_categoria_blog+'" class="text-uppercase color-dbt">'+value.titolo_categoria+'</a></div>';
                        html += '</div><div class="post-details padding-3-rem-lr padding-2-half-rem-tb lg-padding-2-rem-all md-padding-2-half-rem-tb md-padding-3-rem-lr">';
                        html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray d-block margin-15px-bottom">'+value.titolo_it+'</a><p>'+value.testo_breve_it+'</p>';
                        html += '<div class="mt-4"><strong class="text-extra-dark-gray fst-italic fs-6">'+formattedDate+'</strong></div>';
                        html += '</div></div></li>';
                    });

                    $newItem = $(html);

                    $grid = $('.blog-listing');

                    $grid.isotope()
                        .append($newItem)
                        .isotope('appended', $newItem);

                    setTimeout(function (){
                        $grid.isotope('layout');
                    }, 500);

                    var rowno = row + rowperpage;

                    if (rowno > allcount) {
                        $('.load-more-blogs').hide();
                    } else {
                        $(".load-more-blogs a").text('Load more');
                    }
                }, 100);
            }
        });
    } else {
        $('.load-more-blogs button').text("Load more");
        setTimeout(function () {
            $('.immagine-album:nth-child(3)').nextAll('.post').remove();
            $("#row").val(0);
            $('.load-more-blogs button').text("Load more");
        }, 2000);
    }
});