{{define "body"}}
    {{/* different inline svgs */}}
    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
        <symbol id="search" viewBox="0 0 16 16">
            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
        </symbol>
    </svg>

    {{/* The Navbar */}}
    <nav class="navbar sticky-top bg-dark-subtle navbar-expand-lg shadow mb-2">
        <div class="container-fluid" >
            <a class="navbar-brand" href="#">
                <img src="/static/euro-money.svg" alt="Logo" width="32" height="32" class="d-inline-block"/> Kosten
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    {{template "navlinks"}}
                </ul>
                <form class="d-flex" role="search">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-dark" type="submit"><svg class="svg"><use xlink:href="#search"></use></svg></button>
                </form>
            </div>          
        </div>
    </nav>

    {{/* The Main Content */}}
    <main class="container-lg">
        {{block "main" .}}
            Dummy Content
        {{end}}
    </main>
{{end}}