<%
let currentPage = "Dashboard";
if (now) {
    const pages = req?.locales?.partials?.navbar?.pages;
    if (now === 'manage') currentPage = pages?.manage || "Manage Guilds";
    if (now === 'settings') currentPage = pages?.settings || "Manage Guilds";
    if (now === 'commands') currentPage = pages?.commands || "Commands";
    if (now === 'pp') currentPage = pages?.pp || "Privacy Policy";
    if (now === 'admin') currentPage = pages?.admin || "Admin Panel";
    if (now === 'error') currentPage = pages?.error || "Error";
    if (now === 'credits') currentPage = pages?.credits || "Credits";
    if (now === 'debug') currentPage = pages?.debug || "Debug";
    if (now === 'leaderboard') currentPage = pages?.leaderboard || "Leaderboard";
    if (now === 'profile') currentPage = pages?.profile || "Profile";
    if (now === 'maintenance') currentPage = pages?.maintenance || "Under Maintenance";
    if (now === 'shards') currentPage = pages?.shards || "Shards";
}
%>
<!-- Navbar -->
<nav style="padding-bottom: 0;" class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl"
     id="navbarBlur" navbar-scroll="false">
    <div class="container-fluid py-1 px-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
                <li class="breadcrumb-item text-sm"><a class="opacity-9 text-dark" href="/"><%- req?.locales?.partials?.navbar?.home || "Home" %></a></li>
                <li class="breadcrumb-item text-sm text-dark active" aria-current="page"><%- currentPage %></li>
            </ol>
            <h6 class="font-weight-bolder mb-0"><%- currentPage %></h6>
        </nav>

        <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
            <div class="ms-md-auto pe-md-3 d-flex align-items-center">
            </div>
            <ul class="navbar-nav  justify-content-end">
                <li class="nav-item d-xl-none ps-3 d-flex align-items-center">
                    <a onclick="toggleSidenav()" style="cursor: pointer;" class="nav-link text-body p-0"
                       id="iconNavbarSidenav">
                        <div class="sidenav-toggler-inner">
                            <i class="sidenav-toggler-line"></i>
                            <i class="sidenav-toggler-line"></i>
                            <i class="sidenav-toggler-line"></i>
                        </div>
                    </a>
                </li>
                <!--<% if(req.session.user) { %>
                <li class="nav-item dropdown pe-2 d-flex align-items-center">
                        <a href="javascript:;" class="avatar rounded-circle" style="margin-top: 5px;">
                            <img alt="Image placeholder"
                                src="<%= req.session.user.avatarURL || "https://w5fc.org/wp-content/uploads/2021/05/s9biyhs4lix61.jpg" %>">
                        </a>
                </li>
            <% } else { %>
                <li class="nav-item dropdown pe-2 d-flex align-items-center">
                    <a onclick="const newWindow = window.open('/discord?r=/close%3Flogin=true', 'Log in with discord', `scrollbars=no, resizable=no, status=no, location=no, toolbar=no, menubar=no, width=500, height=800`);" class="nav-link text-body p-0">
                            <i class="fa fa-user me-sm-1" aria-hidden="true"></i>
                            <span class="d-sm-inline d-none">Sign In</span>
                    </a>
                  </li>
            <% } %>-->
            </ul>
        </div>
    </div>
</nav>
<!-- End Navbar -->