<!doctype html>
<html lang="{{ site:short_locale }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link
            rel="stylesheet"
            href="/css/bulma.min.css"
        >
        <link rel="stylesheet" href="/css/site.css">
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
        <link rel="manifest" href="/assets/site.webmanifest">
        <title>{{ title ?? site:name }}</title>
    </head>
    <body>
        <nav id="nav" class="navbar is-fixed-top p-5 has-text-primary" role="navigation" aria-label="main navigation">
            <div class="navbar-brand">
                <a class="navbar-item squircle" href="/">
                    <img src="/assets/logo2.svg" style="height:5rem;"/>
                </a>
                <a role="button" class="navbar-burger has-text-primary" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                </a>
            </div>

            <div id="navbarBasicExample" class="navbar-menu has-text-primary bas-background-black is-hidden-tablet">
                <div class="navbar-start has-text-primary">
                    <a class="navbar-item has-text-primary" href="/#event">
                        L'évenement
                    </a>

                    <a class="navbar-item has-text-primary" href="/#tournaments">
                        Tournois
                    </a>
                </div>
            </div>

            <div class="navbar-end">
                <a class="navbar-item button is-rounded has-text-primary" href="{{ hfs:lien_billetterie }}" target="_blank">
                    Billetterie
                </a>
            </div>
        </nav>

        {{ template_content }}

        <footer class="footer has-background-black">
        <div class="grid is-col-min-9">
            <div class="cell has-text-centered has-text-primary">
                <a class="footer-logo has-text-primary" href="https://www.hfsplay.fr" target="_blank">
                    <img src="/assets/logo2.svg" alt="" style="width:3rem;" class="px-2">
                    <div class="is-size-3 has-text-weight-bolder px-2">HFS PLAY</div>
                </a>
            </div>
            <div class="cell"></div>
            <div class="cell">
                <ul>
                    {{ nav:main }}
                        <li><a href="{{ url }}">{{ title }}</a></li>
                    {{ /nav:main }}
                </ul>
            </div>
        </div>
        </footer>
    </body>
    <script src="https://unpkg.com/lenis@1.3.17/dist/lenis.min.js"></script>
    <script src="/assets/js/main.js"></script>

{{#     {{ vite src="public/assets/js/main.js|public/assets/css/site.css" }} #}}
{{#     {{ vite src="resources/js/site.js|resources/css/site.css" }} #}}

</html>
