$('.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.omcarinox.it/assets/ajax/getBlogs.php',
            type: 'post',
            data: {row: row, rowperpage: rowperpage, id_categoria: id_categoria},
            beforeSend: function () {
                $(".load-more-blogs a").text('Caricamento');
            },
            success: function (response) {
                setTimeout(function () {
                    console.log("reload 1");
                    var dati = JSON.parse(response);
                    var html = '';
                    var indexCount = 0;
                    $.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();

                        if(lang == 'it'){
                            if(indexCount % 2 === 0){
                                html += '<div class="blog-post bg-white box-shadow-medium margin-30px-bottom wow animate__fadeIn"><div class="d-flex flex-column flex-md-row align-items-center">';
                                html += '<div class="blog-post-image sm-margin-25px-bottom">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" title=""><img src="'+dati.path_copertina_blog+'/'+value.immagine+'" alt="" /></a>';
                                html += '</div>';
                                html += '<div class="post-details padding-4-half-rem-lr md-padding-2-half-rem-lr sm-no-padding">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font text-small text-fast-blue font-weight-500 text-uppercase d-inline-block margin-15px-bottom sm-margin-10px-bottom">'+formattedDate+'</a>';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font font-weight-500 text-extra-large text-extra-dark-gray d-block margin-20px-bottom sm-margin-10px-bottom">'+value.titolo_it+'</a>';
                                html += '<div class="margin-seventeen-bottom sm-margin-25px-bottom">'+value.testo_breve_it+'</div>';
                                html += '</div></div></div>';
                            } else {
                                html += '<div class="blog-post bg-white box-shadow-medium margin-30px-bottom wow animate__fadeIn">';
                                html += '<div class="d-flex flex-column flex-md-row align-items-center">';
                                html += '<div class="blog-post-image sm-margin-25px-bottom">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" title=""><img src="'+dati.path_copertina_blog+'/'+value.immagine+'" alt="" /></a>';
                                html += '</div>';
                                html += '<div class="post-details padding-4-half-rem-lr md-padding-2-half-rem-lr sm-no-padding">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font text-small text-fast-blue font-weight-500 text-uppercase d-inline-block margin-15px-bottom sm-margin-10px-bottom">'+formattedDate+'</a>';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font font-weight-500 text-extra-large text-extra-dark-gray d-block margin-20px-bottom sm-margin-10px-bottom">'+value.titolo_it+'</a>';
                                html += '<div class="margin-seventeen-bottom sm-margin-25px-bottom">'+value.testo_breve_it+'</div>';
                                html += '</div></div></div>';
                            }
                        } else {
                            if(indexCount % 2 === 0){
                                html += '<div class="blog-post bg-white box-shadow-medium margin-30px-bottom wow animate__fadeIn"><div class="d-flex flex-column flex-md-row align-items-center">';
                                html += '<div class="blog-post-image sm-margin-25px-bottom">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" title=""><img src="'+dati.path_copertina_blog+'/'+value.immagine+'" alt="" /></a>';
                                html += '</div>';
                                html += '<div class="post-details padding-4-half-rem-lr md-padding-2-half-rem-lr sm-no-padding">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font text-small text-fast-blue font-weight-500 text-uppercase d-inline-block margin-15px-bottom sm-margin-10px-bottom">'+formattedDate+'</a>';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font font-weight-500 text-extra-large text-extra-dark-gray d-block margin-20px-bottom sm-margin-10px-bottom">'+value.titolo_en+'</a>';
                                html += '<div class="margin-seventeen-bottom sm-margin-25px-bottom">'+value.testo_breve_en+'</div>';
                                html += '</div></div></div>';
                            } else {
                                html += '<div class="blog-post bg-white box-shadow-medium margin-30px-bottom wow animate__fadeIn">';
                                html += '<div class="d-flex flex-column flex-md-row align-items-center">';
                                html += '<div class="blog-post-image sm-margin-25px-bottom">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" title=""><img src="'+dati.path_copertina_blog+'/'+value.immagine+'" alt="" /></a>';
                                html += '</div>';
                                html += '<div class="post-details padding-4-half-rem-lr md-padding-2-half-rem-lr sm-no-padding">';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font text-small text-fast-blue font-weight-500 text-uppercase d-inline-block margin-15px-bottom sm-margin-10px-bottom">'+formattedDate+'</a>';
                                html += '<a href="'+dati.url_blog+value.seo_url+'" class="alt-font font-weight-500 text-extra-large text-extra-dark-gray d-block margin-20px-bottom sm-margin-10px-bottom">'+value.titolo_en+'</a>';
                                html += '<div class="margin-seventeen-bottom sm-margin-25px-bottom">'+value.testo_breve_en+'</div>';
                                html += '</div></div></div>';
                            }
                        }
                    });

                    var rowno = row + rowperpage;

                    $(".blog-listing").append(html);

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