56 lines
2.7 KiB
HTML
56 lines
2.7 KiB
HTML
{% load static %}
|
|
|
|
<nav id="navbar" class="navbar navbar-expand-lg">
|
|
<div class="container-fluid py-lg-2">
|
|
<div class="ms-4 me-lg-2 me-4" data-bs-theme="dark">
|
|
<a href="/" class="navbar-brand">
|
|
<img src="{% static 'img/logo-icon-alt.webp' %}" height="45px" alt="Angling Trust Logo">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
</div>
|
|
<div id="navbarCollapse" class="collapse navbar-collapse mx-4 mx-lg-0 mt-3 mt-lg-0">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0 fw-bold small">
|
|
<li class="nav-item">
|
|
<a href="/" class="nav-link pe-3 {% if request.resolver_match.url_name == 'index' %}active{% endif %}">Dashboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/venues" class="nav-link pe-3 {% if request.resolver_match.url_name == 'venues-waters' %}active{% endif %}">Venues & Waters</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/leagues" class="nav-link pe-3 {% if request.resolver_match.url_name == 'leagues' %}active{% endif %}">Leagues</a>
|
|
</li>
|
|
</ul>
|
|
<hr class="d-lg-none">
|
|
<ul class="navbar-nav mb-2 mb-lg-0 me-0 me-lg-4 flex-row flex-wrap">
|
|
<li class="nav-item mb-2 mb-lg-0">
|
|
<button id="themeSwitcher" class="btn btn-nav px-lg-3 me-2">
|
|
<i class="bi"></i>
|
|
<span class="d-lg-none ms-2">Theme</span>
|
|
</button>
|
|
</li>
|
|
<li class="nav-item mb-2 mb-lg-0 dropdown">
|
|
<button class="btn btn-nav dropdown-toggle" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person-fill"></i>
|
|
<span class="d-lg-none ms-2">placeholder</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<a href="" class="dropdown-item">
|
|
<i class="bi bi-gear me-2"></i>
|
|
Settings
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="dropdown-item text-danger">
|
|
<i class="bi bi-box-arrow-right me-2"></i>
|
|
Logout
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav> |