(function (w) {
    document.addEventListener("DOMContentLoaded", () => {

        var styleSheet = document.createElement("style");
        styleSheet.type = "text/css";
        styleSheet.innerText = customCss();
        document.head.appendChild(styleSheet);

        var reviewkogReviewsContainer = document.getElementById('reviewkog-reviews');
        var reviewsLoadedStatus = reviewkogReviewsContainer.dataset.loaded;
        if (reviewsLoadedStatus.match(/false/i)) {
            var url = new URL('https://networkreviews.co.uk/wp-json/api/v2/company/');
            url.searchParams.set('company_slug', reviewkogReviewsContainer.dataset.company);
            url.searchParams.set('no_of_reviews', reviewkogReviewsContainer.dataset.noofreviews);
            url.searchParams.set('company_group', reviewkogReviewsContainer.dataset.companygroup);
            url.searchParams.set('company_name_display_status', reviewkogReviewsContainer.dataset.showcompanyname);
            url.searchParams.set('description_status', reviewkogReviewsContainer.dataset.description === "true" ? 1 : 0);
            url.searchParams.set('auth_name', window.location.origin);
            url.searchParams.set('carousel', reviewkogReviewsContainer.dataset.carousel);
            url.searchParams.set('load_flexslider', reviewkogReviewsContainer.dataset.loadflexslider);
            url.searchParams.set('show_title', reviewkogReviewsContainer.dataset.showtitle);
            url.searchParams.set('new_layout_status', reviewkogReviewsContainer.dataset.newlayout);
            loadJSON (
                url,
                function (data) {
                    if (data) {
                        if (data.reviews) {
                            var reviewsHtml = data.reviews;
                            reviewkogReviewsContainer.innerHTML = reviewsHtml;
                        }
                    } else {
                        console.log('no reviews found!');
                    }
                }
            );
            reviewkogReviewsContainer.dataset.loaded = "true";
            setDataSetProperties( reviewkogReviewsContainer );

            $ = jQuery;
            var jsGrid = $(".js-grid");
            if( jsGrid.length > 0 ) {
            $(".js-grid").isotope({
            itemSelector: '.grid-item',
            percentPosition: true,
            masonry: {
            columnWidth: '.grid-sizer'
            }
            });
            }

            return true;
        }
    });
    w.onload = function() {
        var counter = 0;
        setInterval( function() {
            $ = jQuery;
            var jsGrid = $(".js-grid");
            if( jsGrid.length > 0 && counter == 0 ) {
                    $(".js-grid").isotope({
                        itemSelector: '.grid-item',
                        percentPosition: true,
                        masonry: {
                            columnWidth: '.grid-sizer'
                        }
                    });
                    counter++;
            }
        }, 50);
    }
    return false;
})(window);

function loadJSON(path, success, error)
{
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function()
    {
        if (xhr.readyState === XMLHttpRequest.DONE) {
            if (xhr.status === 200) {
                if (success)
                    success(JSON.parse(xhr.responseText));
            } else {
                if (error)
                    error(xhr);
            }
        }
    };
    xhr.open('GET', path, true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send();
}

function toggleReadMoreText(event) {
    var btn = event,
    context = event.closest(".review-contents"),
    toggleEl = context.querySelector(".read-more__text"),
    toggleDots = context.querySelector(".review-dots");
    toggleEl.classList.toggle('kogshow');
    toggleDots.classList.toggle('koghide');

    if (toggleEl.classList.contains("kogshow")) {
        btn.innerHTML = "Read Less";
    } else {
        btn.innerHTML = "Read More";
    }
}

function setDataSetProperties( element ) {
    if( typeof undefined != element.dataset.class ) {
        element.classList.add( element.dataset.class );
    }
    if( typeof undefined != element.dataset.maxwidth ) {
        element.style.maxWidth = element.dataset.maxwidth;
    }
    if( typeof undefined != element.dataset.fontawsomecss &&
        element.dataset.fontawsomecss === "true" )
    {
        var x = document.createElement("LINK");
        x.setAttribute("rel", "stylesheet");
        x.setAttribute("type", "text/css");
        x.setAttribute("media", "all");
        x.setAttribute("href", "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=4.7.0");
        document.head.appendChild(x);
    }

    if( typeof undefined != element.dataset.bootstrapcss &&
        element.dataset.bootstrapcss === "true" )
    {
        var x = document.createElement("LINK");
        x.setAttribute("rel", "stylesheet");
        x.setAttribute("type", "text/css");
        x.setAttribute("integrity", "sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" );
        x.setAttribute("crossorigin","anonymous");
        x.setAttribute("href", "//stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css");
        document.head.appendChild(x);
    }
    /*
    if( typeof undefined != element.dataset.jsgrid &&
        element.dataset.jsgrid === "true" )
    {
        var x = document.createElement("script");
        x.setAttribute("src", "//unpkg.com/isotope-layout@3.0.6/dist/isotope.pkgd.min.js");
        document.head.appendChild(x);

        setTimeout(function() {
            var grid = document.querySelector('.js-grid');
            var iso = new Isotope( grid, {
                itemSelector: '.grid-item',
                masonry: {
                columnWidth: '.grid-sizer'
                }
            });
        }, 1000);
    } */
}

function customCss() {

    return `
        #reviewkog-reviews { padding:0 1rem; }
        .review-item__category { display: inline-block;background: #ECF1F5;padding: 0 .5rem;border-radius: 5px;margin: .5rem .5rem 0 0; }
        .read-more__button, .review-dots { display: none; }
        .nr-list { max-width: 1425px; list-style: none; margin: 30px auto; padding: 0; }
        .nr-list__item { list-style:none; display: block; float: left; padding: 7px; width: 25%; margin:20px 0px; max-width:300px; }
        .nr-customername--bold { font-weight: bold; }
        .nr-list__date--right { text-align: right; }
        .nr-review__contents { margin-bottom:1.5rem; }
        .nr-customername, .nr-reviewsfor { margin-bottom:0.5rem; }
        @media only screen and (min-width : 1140px) {
        .is-table-row {
        display: table;
        }
        .is-table-row [class*=col-] {
        float: none;
        display: table-cell;
        vertical-align: top;
        }
        .koghide,.read-more__text { display: none; }
        .kogshow { display: contents; }
        .read-more__button{ cursor: pointer; display:block; }
        .review-dots { display: inline-block; }
        .koghide { display: none; }
        }
        `
}