const advertisements = {};
const fixedPlaces = {};
const randomEntries = [];

for (let i = randomEntries.length - 1; i > 0; i--) {
    let j = Math.floor(Math.random() * (i + 1));
    var temp = randomEntries[i];
    randomEntries[i] = randomEntries[j];
    randomEntries[j] = temp;
}

const count = 0;

document.addEventListener('DOMContentLoaded', () => {
    const widgetRoot = document.getElementById('political-widget');
    if (!widgetRoot) return;

    widgetRoot.style.visibility = 'hidden';

    if (count > 0) {
        let html = [];

        html.push('<link rel="stylesheet" href="https://wahlwerbung.idowa.de/frontend/idowa/css/splide.min.css">');
        html.push('<link rel="stylesheet" href="https://wahlwerbung.idowa.de/frontend/idowa/css/slider.css">');
        html.push('<link rel="stylesheet" href="https://wahlwerbung.idowa.de/frontend/idowa/css/index.css">');
        html.push('<div class="politicalWidgetContainer" data-one="300" data-two="624" data-three="924">');

        html.push('<div class="policyHeader"><h3>Politische Anzeigen <div class="tooltip">');
        html.push('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M74,64A10,10,0,1,0,84,74,10,10,0,0,0,74,64Zm.714,14.821a.179.179,0,0,1-.179.179H73.464a.179.179,0,0,1-.179-.179V72.75a.179.179,0,0,1,.179-.179h1.071a.179.179,0,0,1,.179.179ZM74,71.143a1.072,1.072,0,1,1,1.072-1.072A1.071,1.071,0,0,1,74,71.143Z" transform="translate(-64 -64)" fill="#454545"/></svg>');
        html.push('<span class="tooltiptext">Dieser Inhalt ist Werbung, f&uuml;r die politische Parteien oder Organisationen bezahlt haben. F&uuml;r die ge&auml;u&szlig;erten Positionen &uuml;bernimmt die Mediengruppe Attenkoferkeine Verantwortung. Mit dem Button unter der Werbeanzeige gelangen Sie zu den Pflichtangaben laut Transparenz-Verordnung (TTPW-VO).</span>');
        html.push('</div></h3></div>');
        html.push('<div class="splide"><div class="splide__track"><ul class="splide__list">');

        let randomIndex = 0;
        let fixedPlacesIndex = null;

        try {
            fixedPlacesIndex = JSON.parse(localStorage.getItem('fixedPlacesIndex'));
        } catch(e) {}

        if (fixedPlacesIndex == null) {
            fixedPlacesIndex = {};
        }

        let positions = 0;
        for (let position = 1; position <= 9; position++) {

            let ad = null;

            if (fixedPlaces[position] && fixedPlaces[position].length > 0) {
                if (fixedPlacesIndex[position] !== undefined) {
                    fixedPlacesIndex[position]++;
                    if (fixedPlacesIndex[position] >= fixedPlaces[position].length) {
                        fixedPlacesIndex[position] = 0;
                    }
                } else {
                    fixedPlacesIndex[position] = 0;
                }

                ad = advertisements[fixedPlaces[position][fixedPlacesIndex[position]]];
            } else if (randomEntries.length > 0 && randomIndex < randomEntries.length) {
                ad = advertisements[randomEntries[randomIndex]];
                randomIndex++;
            }

            if (ad != null) {
                html.push('<li class="splide__slide"><article><section class="top"><a href="https://wahlwerbung.idowa.de/click/');
                html.push(ad.id);
                html.push('" target="_blank">');
                if (ad.imageUrl) {
                    html.push('<picture><img src="');
                    html.push(ad.imageUrl);
                    html.push('"></picture>');
                } else {
                    html.push(ad.html);
                }
                html.push('</a></section>');
                html.push('<section class="center"><p><b>Sponsor:</b> ');
                html.push(ad.sponsor);
                html.push(' (kontrolliert durch: ');
                html.push(ad.checkedBy);
                html.push(') - ');
                html.push(ad.affectedChoice);
                html.push('</p></section>');
                html.push('	<section class="bottom"><input type="button" value="Zur Transparenzbekanntmachung" onclick="window.open(\'https://ttpw.idowa.de/');
                html.push(ad.ttpwIdentifier);
                html.push('\');"></section></article></li>');
                positions++;
            }
        }

        html.push('</ul></div></div></div>');

        widgetRoot.innerHTML = html.join('');

        localStorage.setItem('fixedPlacesIndex', JSON.stringify(fixedPlacesIndex));

        document.documentElement.style.setProperty('--splideNummber', `"/ ${positions}"`);

        const container = widgetRoot.querySelector('.politicalWidgetContainer');
        const {offsetWidth: width, dataset} = container;

        widgetRoot.style.display = 'none';

        const one = Number(dataset.one);
        const two = Number(dataset.two);
        const three = Number(dataset.three);

        let perPage = 1;

        if (width >= three) {
            perPage = 3;
        } else if (width >= two) {
            perPage = 2;
        }

        const pagination = positions > perPage;
        const arrows = pagination;

        if (pagination) {
            widgetRoot.classList.add("paginationTrue");
        }

        const slider = document.querySelector('#splide');

        const splide = new Splide(widgetRoot.querySelector('.splide'), {
            start: 0,
            type: positions > perPage ? 'loop' : 'slide',
            pagination,
            arrows,
            autoplay: false,
            perPage: positions > perPage ? perPage : 1,
            perMove: 1,
            focus: 0,
        }).mount();
    }
});