<!DOCTYPE html>
<html id="rootHtml" lang="en" data-bs-theme="dark"
      class="fixed-height-page" xmlns="http://www.w3.org/1999/xhtml">
<head>
    
    <title> Ravenscore Tourney Tracker</title>
    <meta name="description" content="Ravenscore: Track your AGoT BG tournaments">
    <meta name=”robots” content="index, nofollow">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
          rel="stylesheet">
    <link rel="stylesheet" href="/webjars/bootstrap/5.3.3/dist/css/bootstrap.min-a549af2a81cd9900ee897d8bc9c4b5e9.css"/>
    <link rel="stylesheet" href="/webjars/bootstrap-icons/1.11.0/font/bootstrap-icons-a65fdadd9ff4f804c8d04dec25e5b2a5.css">
    <link rel="stylesheet" href="/ravenscore-b0ba6980161a56769413f30b32d1c824.css">
    <script src="/webjars/bootstrap/5.3.3/dist/js/bootstrap.bundle-4d456e43291a691699c12a9027f1f13a.js"></script>
    <script src="/webjars/jquery/3.7.1/dist/jquery-12e87d2f3a4c8b347ab13a0764d420a3.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0"></script>
    <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.6/Sortable.min.js"></script>


</head>
<body class="d-flex flex-column justify-content-start min-vh-100">
<div class="sticky-top">
    <nav class="navbar bg-body-tertiary p-0">
        <div class="container container-rs-small">
            <div class="d-flex justify-content-center align-items-center gap-2 w-100">
                <div class="me-auto">
                    <span id="localHostIndicator" class="fw-semibold visually-hidden">LOCAL</span>
                </div>
                <a class="navbar-brand highlight-primary d-flex justify-content-center align-items-center"
                   href="/">
                    <img src="/logo-92eb5cb57dc93c5940a788ec53bb71cf.png" alt="Logo" height="64">
                    <img src="/logo-text-golden-1ea64bd4ddf360b71a07e177d2fa25a5.png" alt="Logo" height="38" class="ms-2">
                </a>
                <i id="darkModeBtn" class="bi bi-moon-stars-fill highlight-brand ms-auto fs-5" data-bs-toggle="tooltip"
                   data-bs-title="Toggle dark mode" onclick="toggleDarkMode()">
                </i>
            </div>
        </div>
    </nav>
</div>
<script>

    function toggleDarkMode() {
        $("#darkModeBtn").toggleClass("bi-moon-stars-fill bi-sun-fill");
        const root = $("#rootHtml");
        const currentDarkMode = root.attr("data-bs-theme");
        setDarkMode(currentDarkMode !== "dark")
    }

    function setDarkMode(darkMode) {
        $("#rootHtml").attr("data-bs-theme", darkMode ? "dark" : "light");
        localStorage.setItem("darkMode", darkMode);
    }

    //handle initial state
    $(document).ready(function () {
        if (localStorage.getItem("darkMode") === "false") {
            $("#darkModeBtn").toggleClass("bi-moon-stars-fill bi-sun-fill");
            setDarkMode(false);
        }
        if (window.location.hostname === "localhost") {
            $("#localHostIndicator").removeClass("visually-hidden");
        }
    });
</script>
<section id="layoutContainer" class="container-fluid container-rs mt-3">
    <div id="cookieConsent"
     class="container-rs cookie-container sticky-top d-flex justify-content-center mt-4 mb-3 visually-hidden">
    <div class="bg-body-tertiary cookie-background d-flex gap-1 justify-content-center align-items-center p-2">
        <i class="bi bi-cookie fs-5 me-3"></i>
        <div class="text-center">We use cookies for tournament administration purposes.</div>
        <button type="button" class="btn btn-sm btn-outline-secondary ms-3 fw-semibold" data-mdb-dismiss="modal"
                onclick="acceptCookies()">
            OK
        </button>
    </div>
</div>
<script>
    const ACCEPT_COOKIE_NAME = "cookies-accept";

    $(document).ready(function () {
        if (!localStorage.getItem(ACCEPT_COOKIE_NAME)) {
            $("#cookieConsent").removeClass("visually-hidden");
        }
    })

    function acceptCookies() {
        localStorage.setItem(ACCEPT_COOKIE_NAME, "true");
        $("#cookieConsent").addClass("visually-hidden");
    }
</script>
    <main>
    <div class="d-flex justify-content-center mt-5">
        <img src="/raven-skull-31296cce75d547465ad522dda3ea41f0.png" height="200px">
    </div>
    <h5 class="text-muted text-center mt-5">Something went wrong...</h5>
    <div class="d-flex justify-content-center">
        <a class="text-brand-light link-secondary link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
           href="/">Go to home</a>
    </div>
</main>
</section>
<div class="container container-rs mt-auto">
    <hr class="my-1">
    <div class="d-flex justify-content-center small text-muted mb-1">
        <span>2024-2026 Ravenscore</span>&nbsp;|&nbsp;
        <a href="https://github.com/G2HJei/agot-ravenscore" target="_blank"
           class="link-secondary link-underline link-underline-opacity-0 link-underline-opacity-75-hover">Github</a>
    </div>
</div>

<script>
    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));

    $(document).on('focus', 'input[type=number]', function () {
        this.select();
    });
</script>
</body>
</html>