{{ $currentPage := . }}

<button class="btn btn-block btn-outline-secondary mb-3 d-block d-lg-none" type="button" data-toggle="collapse" data-target=".docs-menu">
    Toggle Menu
</button>

<nav class="docs-menu collapse d-lg-block">
    <div class="sidemenu-thanos">
        <input type="checkbox" id="menuinput-thanos" class="menuinput"{{if eq .Section ""}} checked{{end}} />
        <label for="menuinput-thanos" class="menulabel-thanos">
            <h5>Thanos</h5>
            <img class="caret-expand" src="/expand.svg" alt="expand" />
        </label>
        <div class="list-group list-group-flush">
            {{ range .Site.Menus.thanos }}
                <a class="list-group-item list-group-item-action list-group-item-thanos py-1" href="{{ .URL }}">{{ .Title }}</a>
            {{ end }}
        </div>
    </div>
    <div class="sidemenu-thanos">
        <input type="checkbox" id="menuinput-components" class="menuinput"{{if eq .Section "components"}} checked{{end}} />
        <label for="menuinput-components" class="menulabel-thanos">
            <h5 class="mt-3">Components</h5>
            <img class="caret-expand mt-3" src="/expand.svg" alt="expand" />
        </label>
        <div class="list-group list-group-flush">
            {{ range .Site.Menus.components }}
                <a class="list-group-item list-group-item-action list-group-item-thanos py-1" href="{{ .URL }}">{{ .Title }}</a>
            {{ end }}
        </div>
    </div>
    <div class="sidemenu-thanos">
        <input type="checkbox" id="menuinput-operating" class="menuinput"{{if eq .Section "operating"}} checked{{end}} />
        <label for="menuinput-operating" class="menulabel-thanos">
            <h5 class="mt-3">Operating</h5>
            <img class="caret-expand mt-3" src="/expand.svg" alt="expand" />
        </label>
        <div class="list-group list-group-flush">
            {{ range .Site.Menus.operating }}
                <a class="list-group-item list-group-item-action list-group-item-thanos py-1" href="{{ .URL }}">{{ .Title }}</a>
            {{ end }}
        </div>
    </div>
    <div class="sidemenu-thanos">
        <input type="checkbox" id="menuinput-contributing" class="menuinput"{{if eq .Section "contributing"}} checked{{end}} />
        <label for="menuinput-contributing" class="menulabel-thanos">
            <h5 class="mt-3">Contributing</h5>
            <img class="caret-expand mt-3" src="/expand.svg" alt="expand" />
        </label>
        <div class="list-group list-group-flush">
            {{ range .Site.Menus.contributing }}
                <a class="list-group-item list-group-item-action list-group-item-thanos py-1" href="{{ .URL }}">{{ .Title }}</a>
            {{ end }}
        </div>
    </div>
    <div class="sidemenu-thanos">
        <input type="checkbox" id="menuinput-proposals" class="menuinput"{{if eq .Section "proposals"}} checked{{end}} />
        <label for="menuinput-proposals" class="menulabel-thanos">
            <h5 class="mt-3">Proposals</h5>
            <img class="caret-expand mt-3" src="/expand.svg" alt="expand" />
        </label>
        <div class="list-group list-group-flush">
            {{ range .Site.Menus.proposals }}
                <a class="list-group-item list-group-item-action list-group-item-thanos py-1" href="{{ .URL }}">{{ .Title }}</a>
            {{ end }}
        </div>
    </div>
</nav>
