document.addEventListener("DOMContentLoaded", () => {
    new Glide(".glide", {
        type: "carousel",
        startAt: 0,
        animationTimingFunc: "ease-in-out",
        gap: 100,
        perView: 3,
        breakpoints: {
            5000: {
                perView: 4,
            },
            3500: {
                perView: 3,
            },
            1200: {
                perView: 1,
            },
        }
    }).mount();

    let currentIndex = 0;
    let prevBtn = document.getElementById("prev");
    let nextBtn = document.getElementById("next");
    let indices = document.querySelectorAll(".index");

    indices.forEach(index => index.classList.remove("active"));
    indices[currentIndex].classList.add("active");

    function startNextDistortAnimation() {
        let prevIndex = currentIndex;
        currentIndex = (currentIndex + 1) % 6;
        indices.forEach(index => index.classList.remove("active"));
        indices[currentIndex].classList.add("active");
        waitingRoom(currentIndex);
    }

    function startPrevDistortAnimation() {
        currentIndex = currentIndex - 1 < 0 ? 5 : currentIndex - 1;
        indices.forEach(index => index.classList.remove("active"));
        indices[currentIndex].classList.add("active");
        waitingRoom(currentIndex);
    }

    nextBtn.addEventListener("click", () => {
        startNextDistortAnimation();
        waitingRoom();
    })
    prevBtn.addEventListener("click", () => {
        startPrevDistortAnimation();
        waitingRoom();
    })

    document.addEventListener("keydown", function(event) {
        if (event.keyCode == '39') {
            startNextDistortAnimation();
            waitingRoom();
        }
    })
    document.addEventListener("keydown", function(event) {
        if (event.keyCode == '37') {
            startPrevDistortAnimation();
            waitingRoom();
        }
    })

    function waitingRoom(x) {
        setTimeout(updateDescription(x), 400);
    }

    function updateDescription(x) {

        if (x === 0) {
            topic = "<h1>Trend Micro Worry-Free Services Standard</h1>";
            info = "<p>Ochrona oparta na chmurze dla urządzeń końcowych i urządzeń mobilnych <div></div>⦁	Predictive machine learning  <br> ⦁	Behaviour monitoring <br>⦁	Data loss prevention <br>⦁	Device control <br>⦁	Firewall <br>⦁	URL reputation <br>⦁	Web category filtering <br>⦁	Disk encryption <br>⦁	Vulnerability protection <br>⦁	Application control <br>⦁	Supports Macs, Mobile devices, and Chromebook™</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=d19c696d-ddf2-4ff1-a3bb-4cfd6733438b";
            count = "01";
        }

        if (x === 1) {
            topic = "<h1>Trend Micro Worry-Free Services Advanced</h1>";
            info = "<p>Oparta na chmurze ochrona urządzeń biznesowych i poczty e-mail Worry-Free Services Standard plus:<div></div>⦁	Complete email and collaboration protection <br> ⦁ Trend Micro™ Email Security™ Standard <br> ⦁ Trend Micro™ Cloud App Security <br>⦁	Threat and data security for Microsoft® Office 365®, Google Workspace™, Dropbox™, and Box™</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=7dc204ce-baf6-4dc5-b244-6b6b09a1c3a1";
            count = "02";
        }

        if (x === 2) {
            topic = "<h1>Trend Micro Worry-Free Services + XDR</h1>";
            info = "<p>Rozszerzone wykrywanie i reakcja (XDR)<div></div> Możliwości wykrywania, reagowania i badania w ramach jednego agenta, w poczcie e-mail i punktach końcowych.<div></div> Zautomatyzowana analiza przyczyn źródłowych, w tym zalecane działania krok po kroku, umożliwia szybkie łagodzenie skutków ataku.<div></div> Zaawansowane wykrywanie zagrożeń przez sandbox wykonywany w chmurze.<div></div> Wykrywanie, badanie i reakcja między klientami. (Tylko dla MSP: zrób to sam za pomocą Trend Micro Remote Manager)</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=54c6fef0-8d17-4f32-b35f-0e3b2655c41b";
            count = "03";
        }
        if (x === 3) {
            topic = "<h1>Trend Micro Worry-Free with Managed XDR Services</h1>";
            info = "<p>Usługa zarządzania XDR firmy Trend Micro™ Analitycy bezpieczeństwa Trend Micro obsługują krytyczne alerty i monitorują infrastrukturę przez całą dobę przeprowadzają dochodzenie w sprawie incydentów, przygotowują raporty i analizują przyczyny.<br> Naprawa w imieniu klientów.</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=6ced0e0d-844a-43d2-aaf5-7623d702f396";
            count = "04";
        }
        if (x === 4) {
            topic = "<h1>Trend Micro Cloud Application</h1>";
            info = "<p>Trend Micro™ Cloud App Security™ to usługa oparta na interfejsie API chroniąca Microsoft® Office 365™, Google G Suite, Box i Dropbox. Wykorzystując wiele zaawansowanych technik ochrony przed zagrożeniami, działa jako druga warstwa ochrony po przejściu wiadomości e-mail i plików przez wbudowane zabezpieczenia Office 365 i G Suite.</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=5e0ee442-da9f-4deb-bff7-cd0ec869b8dd";
            count = "05";
        }

        if (x === 5) {
            topic = "<h1>Trend Micro Deep Security</h1>";
            info = "<p>Pełna ochrona dla większości środowisk fizycznych, wirtualnych, chmurowych i kontenerowych.<br> Obsługa platform Linuksowych</p>";
            btnHref = "https://clp.trendmicro.com/FullRegistration?T=g2QD1&SP=16822421-755b-4f57-b733-e2eb08e298d4";
            count = "06";
        }
        var div = document.getElementById('title');
        div.innerHTML = topic;

        var div = document.getElementById('description-title');
        div.innerHTML = info;

        document.getElementById("reflink").href = btnHref;

        var div = document.getElementById('count-slide');
        div.innerHTML = count;

    }

    function openNavbar() {
        var x = document.getElementById("navigation");
    }

})