<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name='viewport' content='width=device-width,initial-scale=1'>
        <title>{{.Title}}</title>

        <link rel='icon' type='image/png' href='/favicon.png'>
        <link rel="stylesheet" href="/bootstrap.min.css">
        <link rel="stylesheet" href="/bootstrap-icons.css">
        <link rel='stylesheet' href='/global.css'>
        <link rel='stylesheet' href='/uPlot.min.css'>

        {{block "stylesheets" .}}
        {{end}}
        <script>
            // Used for header.entrypoint.js mount and filters/Resources.svelte
            const hUsername = {{ .User.Username }};
            const hAuthlevel = {{ .User.GetAuthLevel }};
            const hClusterNames = {{ .Clusters }};
            const hSubclusterMap = {{ .SubClusters }};
            const hRoles = {{ .Roles }};
        </script>
    </head>
    <body  class="site">
        {{if eq .Infos.displayType "PUBLIC"}}
            <main>
                <div class="container">
                    {{block "content-public" .}}
                        Whoops, you should not see this... [PUBLIC]
                    {{end}}
                </div>
            </main>

            {{block "javascript-public" .}}
                Whoops, you should not see this... [JS PUBLIC]
            {{end}}

        {{else}}
            {{block "navigation" .}}
                <header id="svelte-header"></header>
            {{end}}

            <main class="site-content">
                <div class="container">
                    {{block "content" .}}
                        Whoops, you should not see this... [MAIN]
                    {{end}}
                </div>
            </main>

            {{block "footer" .}}
                <footer class="site-footer bg-light">
                    <ul class="footer-list">
                        <li class="footer-list-item"><a class="link-secondary fs-5" href="/imprint" title="Imprint" rel="nofollow">Imprint</a></li>
                        <li class="footer-list-item"><a class="link-secondary fs-5" href="/privacy" title="Privacy Policy" rel="nofollow">Privacy Policy</a></li>
                    </ul>
                    <ul class="build-list">
                    <li class="build-list-item">Version {{ .Build.Version }}</li>
                    <li class="build-list-item">Hash {{ .Build.Hash }}</li>
                    <li class="build-list-item">Built {{ .Build.Buildtime }}</li>
                    </ul>
                </footer>
            {{end}}

            {{block "javascript" .}}
                <script src='/build/header.js'></script>
            {{end}}
        {{end}}
    </body>
</html>
