bookforge/templates/layout/header.html
2026-01-31 18:21:28 +01:00

34 lines
1.2 KiB
HTML

<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top shadow">
<div class="container">
<a class="navbar-brand" href="{{ router.root_path() }}">
{{ t!("name") }}
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="{{ t!("nav.toggle") }}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="{{ router.root_path() }}">{{ t!("nav.books") }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ router.index_user_path() }}">{{ t!("nav.users") }}</a>
</li>
</ul>
<div class="d-flex align-items-center gap-2 py-3">
<select id="changeTheme" class="form-select">
<option value="light">{{ t!("theme.light") }}</option>
<option value="dark">{{ t!("theme.dark") }}</option>
</select>
<a class="btn btn-success text-white text-nowrap" href="{{ router.new_book_path() }}">
{{ t!("book.new.button_short") }}
</a>
</div>
</div>
</div>
</nav>