<nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">Pandemic Center</a>
        <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
        >
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="/">
                        Home</a
                    >
                </li>
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="/admin/login">
                        Admin
                    </a>
                </li>
                <li class="nav-item">
                    <a
                        class="nav-link"
                        aria-current="page"
                        href="/announcement"
                        >Announcements</a
                    >
                </li>
                <li class="nav-item">
                    <a
                        class="nav-link"
                        aria-current="page"
                        href="/statistics"
                    >
                        Statistics
                    </a>
                </li>
                <% if(!organization) {%>
                <li class="nav-item">
                    <a class="nav-link" href="/organization/login">Login</a>
                </li>
                <li class="nav-item">
                    <a
                        class="nav-link"
                        aria-current="page"
                        href="/organization/register"
                        >Register</a
                    >
                </li>
                <% } else { %>
                <li class="nav-item">
                    <a class="nav-link" href="/organization/dashboard">
                        Dashboard
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/organization/logout">Logout</a>
                </li>
                <% } %>
            </ul>
            <form class="d-flex" role="search">
                <input
                    class="form-control me-2"
                    type="search"
                    placeholder="Search on this website"
                    aria-label="Search"
                />
                <button class="btn btn-outline-success" type="submit">
                    Search
                </button>
            </form>
        </div>
    </div>
</nav>
<% if(!message.shown) {%>
<div class="container">
    <div class="alert alert-<%=message.type%> alert-dismissible fade show" role="alert">
        <%= message.text %>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
</div>
<%}%>