<!--
                                                                          . . ...
                                                                     .:%%%%%%%%=..
                                                                  .@%%%%%%%%%%%%%%%%:
                                                                .@%%%%%%%%%%%%%%%%%%%%%...
                                                               .%%%%%%%%%%%%%%%%%%%%%%%%%...
                                                           ...*%@@@@@@@@@@@@@@@@@@@%%%%%%%%..
                                                        .:---%@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%.
                                                  ...-------*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=...
                                                .:---------=@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+--=-..
                                             .-------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-------..
                                          ..=------------=@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@---------...
                                        ..---------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=----------.
                                      .:----------------%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#------------:.
                                     .=-----------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%--------------..
                                   .-------------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#---------------=.
                                 ..-------------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=-----------------..
                                .--------------------+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@--------------------.
                               .---------------------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@---------------------..
                             ..=--------------------@@@@@@@@@@@@@@@@@@@@@@@@@:@@@@@@@@@@@@@@@@----------------------..
                             .---------------------=@@@@@@@@@@@@@@@@@@@@@@@@:::*@@@@@@@@@@@@@@-----------------------.
                            .----------------------@@@@@@@@@@@@@@@@@@@@@@@@::::::@@@@@@@@@@@@*------------------------..
                           .-----------------------:::::::%@@@@@@@@@@@@@@@::::::::@@@@@@@@@@@=-------------------------.
                          .:----------------------::::=++-::::@@@@@@@@@@@@@::::::@@@@@@@@@@@@--------------------------:.
                          .---------------------:::::::::::+::::+@@@@@@@@@@@::::@%@@@@@@@@@@@---------------------------..
                         .--------------------:::::::::::::::=::::@@@@@@@@@@@%#@###@@@@@@@@@@%---------------------------.
                         .-------------------::::::::::::::::::::::-@@@@@@@@@@@#####@@@@@@@@@@---------------------------.
                         -------------------::::::::--------::::::::*@@@@@@@@@@@####@@@@@@@@@@=--------------------------=
                        .------------------:::::.::-%@.%%@=--:::::::+@@@@@@@@::%@#%@@@@@@@@@@@@---------------------------.
                        .------------------:::::::@+.@@@%@.@-::::::+++@@@@@@@::*@@@@@@@@@@@@@@@---------------------------.
                        .------------------::::::::::::::::::=:::::++++@@@@@@@@@@@@@@@@@@@@@@@@@--------------------------.
                        :-----------------:::::::::::::::::::::::::+++++@@@@@@@@@@@@@@@@@@@@@@@@@-------------------------:
                        ------------------:::::::::::*::::::::::::=+++++@+@@@@@@@@@@@@@@@@@@@@@@@#-------------------------.
                        ------------------::::::::::::::::::::::::++++++@+=+@@@@@@@@@@@@@@@@@@@@@@#-----------------------:.
                        .-----------------::::::-:::::::::::::::::++++++++*++#@@@@@@@@@@@@@@@@@@@@@@----------------------..
                        .-------------------:-=--:::::::::::::::::++++++++@++*++*@@@@@@@@@@@@@@@@@@@=---------------------..
                         ------------------------::::::::::::::::=++++++++@+++++++++*@@@@@@@@@@@+-------------------------..
                         ------------------------****-:::::::::::++++++@++@+++++@++++#++++*+++++++------------------------..
                         .-----------------------*##***::::::::::++++++%++#+++++%+++++#++++*+++%++-----------------------..
                         .------------------------+::::::::::::::+++++++++#++++++++++++++++++++++++----------------------..
                          .-----------------------:::::::::::::::+++++++++#++++++++++++@++++*+++*++---------------------..
                          .=----------------------::::::::::::::++++++@+++@++++++++++++++++++++++++---------------------..
                           .----------------------::::::::::::::++++++++++@++++++%+++++++++++++++@+=-------------------...
                            .----------------------.:::::::::::-++++++++++@++++++@+++++++#+++@++++++------------------..
                             ------------------------=:::::-----+++++#+++++++*++++++++++++++++++++*+------------------..
                             .---------------------------------.+++++++++++++%++++++++++++#+++++++%+-----------------. .
                              .-------------------------...... :++++@++++#+++@++++++++++++++++++++++----------------.. .
                                .-----------------:..... .    .=+++++++++++++@++++%+++++++++++++++++=-------------...
                                ..=----------=.....          -.++++++++++++++*+++++++++++++*+++++++++....=-------...
                                  .=------....             -...++++++++++++++++++++++++++++++++++++++      ..---.
                                    .--.....           ..-..   +++++++++++++++++++++++++++++++++-:=....... .....
                                     .::....          -...     .: .......-........-..... ...................:...
                                       .:=.     ...:...  .     :.      ...... .   .....  .                . ..
                                         ..:.   =.... .      .:.       ...          .:.           .-.......
                                             +#%#:.         .:.        ..:            .:.         +.
                                                   -.       :.           =.              .-..    %...
                                                   ::     .-..           ..            .%.......  ...
                                                    ...  .#....%..        .          .%...
                                                         ...   ..%..   .%.....#... .%:: ..
                                                                 ........        .
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>GET THIS FUCKING PARTY STARTED!</title>
    <meta property="og:title" content="DISGLOW">
    <meta property="og:description" content="🪩🪩🪩🪩🪩🪩🪩🪩">
    <meta property="og:url" content="https://disglow.ch">
    <meta property="og:type" content="website">

    <link rel="stylesheet" href="style.css?v=1761809815">
    <link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
    <script>
        let countdown = 0;
        let countdownInterval = null;

        function checkParty() {
            let button = document.getElementById("party-button");
            button.disabled = true;
            fetch("check_party.php")
                .then(response => response.json())
                .then(data => {
                    // console.log(data);
                    let errorMessage = document.getElementById("error-message");
                    if (data.online) {
                        if (errorMessage) {
                            errorMessage.style.display = "none";
                        }
                    } else {
                        // Show error div
                        if (errorMessage) {
                            errorMessage.style.display = "block"; // or "inline", "inline-block", etc.
                        }
                    }
                });
        }

        function startParty() {
            let button = document.getElementById("party-button");
            let audio = document.getElementById("disco-audio");

            button.disabled = true;

            fetch("party.php")
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        // Play the audio after user interaction (fixes autoplay restriction)
                        audio.play().catch(error => console.error("Audio playback failed:", error));
                    } else {
                        alert("" + data.error);
                        button.disabled = false;
                    }
                });
        }

        function updateStatus() {
            checkParty();
            fetch("status.php?nocache=" + new Date().getTime())
                .then(response => response.json())
                .then(data => {
                    document.getElementById("counter").innerText = data.count;
                    let button = document.getElementById("party-button");
                    let audio = document.getElementById("disco-audio");

                    if (data.locked && data.time_remaining > 0) {
                        document.body.classList.add('disco');
                        document.getElementById("disco-logo").classList.add('disco-logo');
                        button.disabled = true;
                        document.getElementById("countdown").innerText = `${data.time_remaining} Sekunden`;

                        // Play the disco music
                        if (audio.paused) {
                            audio.play().catch(error => console.error("Audio playback failed:", error));
                        }
                    } else {
                        document.body.classList.remove('disco');
                        document.getElementById("disco-logo").classList.remove('disco-logo');
                        button.disabled = false;
                        document.getElementById("countdown").innerText = "";

                        // Stop the music when disco mode is off
                        if (!audio.paused) {
                            audio.pause();
                            audio.currentTime = 0; // Reset track
                        }
                    }
                });
        }

        function updateCountdownDisplay() {
            if (countdown > 0) {
                document.getElementById("countdown").innerText = `${countdown} Sekunden`;
            } else {
                document.getElementById("countdown").innerText = "";
            }
        }

        // Refresh status every second
        setInterval(updateStatus, 1000);
        window.onload = checkParty;
        window.onload = updateStatus;
    </script>
</head>
<body>
<div class="container">
    <!-- Error message div -->
    <div id="error-message" class="error-message">
        Laider gits grad kai Disco!<br><br><br><p style="font-size: 128px;">😢</p>
        <button id="refresh-button" onclick="window.location.reload();">Nochmals probieren</button>
    </div>

    <img src="img/logo.png" id="disco-logo" style="max-width: 250px;" />

    <button id="party-button" onclick="startParty()">TOUCH TO DISGLOW</button>
    <p id="countdown"></p>
    <p style="margin-top: 32px;">Disglow Counter<br><span style="font-size:38px;" id="counter">0</span></p>
    <p style="margin-top: 32px; margin-bottom: 32px;">
        By Timothy Henry
    </p>
    <a target="_blank" href="https://www.instagram.com/disglow.ch">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/48px-Instagram_icon.png">
    </a>
    <p style="margin-top: 32px;">
        <a style="color: #ff0080;" target="_blank" href="https://www.google.com/maps/place/47%C2%B033'26.8%22N+7%C2%B035'48.2%22E/@47.5575225,7.5963415,256m/data=!3m1!1e3!4m4!3m3!8m2!3d47.5574444!4d7.5967222?entry=ttu&g_ep=EgoyMDI1MDIyNS4wIKXMDSoASAFQAw%3D%3D">47.557447, 7.596727</a>
    </p>
    <audio id="disco-audio" src="disglow.mp3" loop></audio>
</div>
</body>
<footer>
    Illuminated with <span style="color: red;">❤️</span> in Basel
</footer>
</html>