var editor = document.getElementById('editor1');
if(editor != null) {
    CKEDITOR.replace( 'editor1' );
}
document.addEventListener('DOMContentLoaded', function() {
    const guestbook = document.querySelectorAll('.tx-ns-guestbook');
    if (guestbook.length) {
        const paginateLinks = document.querySelectorAll(".paginate");
        const products = document.querySelector('.comments-list');
        const paginationClass = document.querySelector(".pagination-load-wrap");

        const paginate = function(event) {
            event.preventDefault();

            let url = this.getAttribute("href");

            fetch(url, {
                method: 'GET',
            }).then((resp) => {
                return resp.text();
            }).then((html) => {
                let parser = new DOMParser();
                let doc = parser.parseFromString(html, "text/html");

                // Get the new items
                let filterProducts = doc.querySelector('.comments-list').innerHTML;
                // Render the items
                products.innerHTML = filterProducts;

                // Get pagination section
                let pagination = doc.querySelector('.pagination-load-wrap').innerHTML;
                // Replace new HTML
                paginationClass.innerHTML = pagination;

                // Reassign click events
                let pageBtns = paginationClass.querySelectorAll('.paginate');
                if (pageBtns.length > 0) {
                    for (let j = 0; j < pageBtns.length; j++) {
                        pageBtns[j].addEventListener('click', paginate, false);
                    }
                }
            }).catch((error) => {
                console.error('Error:', error);
            });
        };

        if (paginateLinks.length > 0) {
            for (let i = 0; i < paginateLinks.length; i++) {
                paginateLinks[i].addEventListener('click', paginate, false);
            }
        }
    }
});