{{ $colorScheme := default "dark" .Site.Params.header.colorScheme }}

<header class="blog-header">
    <nav class="navbar navbar-expand-md navbar-{{ $colorScheme }} py-3">
        <div class="container-fluid justify-content-center">
            <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
                {{ partial "brand" . }}
            </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 justify-content-between" id="navbarNav">
                <ul class="navbar-nav">
                    {{ $url := .RelPermalink | relLangURL }}
                    {{ range .Site.Menus.main }}
                    <li class="nav-item">
                        {{ if eq (hasPrefix .URL "mailto:") true }}
                            <a class="nav-link" href="{{ .URL }}">{{ .Name }}</a>
                        {{ else }}
                            {{ $menuUrl := .URL | relLangURL }}
                            <a class="nav-link {{ if eq $url $menuUrl }}active{{end}}" href="{{ $menuUrl }}">{{ .Name }}</a>
                        {{ end }}
                    </li>
                    {{ end }}
                </ul>
                {{ if gt (len .Site.Home.AllTranslations) 1 }}
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            {{ i18n "language" }}
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                            {{ range .Site.Home.AllTranslations }}
                                <li><a class="dropdown-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
                            {{ end }}
                        </ul>
                    </li>
                </ul>
                {{ end }}
            </div> -->
        </div>
    </nav>
</header>
