{{define "layouts/navbar.html"}}
<nav class="navbar">
    <div class="nav-container">
        <div class="nav-title">
            <a href="/">
                <img src="/logo.svg?v={{.StaticVersion}}" alt="Logo" class="nav-logo" height="40" />
                <span class="nav-site-name">{{.SiteName}}</span>
            </a>
        </div>
        <div class=" nav-right">
            <ul class="nav-menu">
                {{if .TopNavbarLinks}}
                {{range .TopNavbarLinks}}
                {{if .Enable}}
                <li>
                    <a href="{{.Link}}" {{if .OpenBlank}}target="_blank" rel="noopener noreferrer" {{end}}>{{.Name}}</a>
                </li>
                {{end}}
                {{end}}
                {{end}}
            </ul>
            <app-theme-btn></app-theme-btn>
            <!-- <button class="theme-toggle-btn" title="切换主题">
                <i class="i-line-md-sun-rising-filled-loop"></i>
            </button> -->
            {{if .IsAdmin}}
            <a href="/admin" class="icon" aria-label="管理后台" target="_blank">
                <i class="i-material-symbols-light-manage-accounts text-xl"></i>
            </a>
            {{end}}
            <button class="mobile-menu-toggle" aria-label="切换菜单" aria-expanded="false">
                <i class="i-line-md-menu" id="mobile-menu-icon"></i>
            </button>
        </div>
    </div>
</nav>
{{end}}