@inherits LayoutComponentBase

<div class="shell">
    <aside class="sidebar">
        <a class="brand" href="/">
            <span class="logo" aria-hidden="true">SI</span>
            <span>SQLInsight <strong>Pro</strong></span>
        </a>

        <nav class="nav">
            <span class="nav-label">Overvågning</span>
            <NavLink href="/" Match="NavLinkMatch.All"><Icon Name="servers" /> Instanser</NavLink>
            <NavLink href="/fund"><Icon Name="list" /> Alle fund</NavLink>
            <NavLink href="/rapporter"><Icon Name="book" /> Rapporter</NavLink>
            <NavLink href="/system"><Icon Name="gauge" /> System</NavLink>

            <span class="nav-label">Community</span>
            <a href="https://git.seosoft.dk/seo/sqlinsight-pro" rel="noopener"><Icon Name="users" /> Projekt og forum</a>
            <a href="https://git.seosoft.dk/seo/sqlinsight-pro/src/branch/main/docs" rel="noopener"><Icon Name="book" /> Dokumentation</a>
        </nav>

        <div class="support-card">
            <Icon Name="support" />
            <strong>Brug for en ekspert?</strong>
            <p>Professional og Enterprise giver prioriteret mail- og telefonsupport fra erfarne SQL Server-folk.</p>
            <a href="https://git.seosoft.dk/seo/sqlinsight-pro#forretningsmodel" rel="noopener">Se supportaftaler</a>
        </div>
    </aside>

    <div class="main">
        <header class="topbar">
            <span class="topbar-note">Gratis og open source · kører on-prem</span>
            <button type="button" class="theme-toggle" data-theme-toggle title="Skift mellem lyst og mørkt tema">
                <Icon Name="moon" /> <span>Tema</span>
            </button>
        </header>
        <main class="page">
            @Body
        </main>
        <footer class="footer">SQLInsight Pro · MIT-licens · <a href="https://git.seosoft.dk/seo/sqlinsight-pro">kildekode</a></footer>
    </div>
</div>