@using Microsoft.AspNetCore.Components.Routing
@using HopFrame.Web.Pages.Administration.Components

<div class="top-row ps-3 navbar navbar-dark">
    <div class="container-fluid">
        <a class="navbar-brand" href="/administration">HopFrame</a>
    </div>
</div>

<input type="checkbox" title="Navigation menu" class="navbar-toggler"/>

<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
    <nav class="flex-column" style="display: flex; height: 100%">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="administration/users">
                <HopIconDisplay Type="HopIconDisplay.HopIcon.User" NavIcon="true"/> Users
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="administration/groups">
                <HopIconDisplay Type="HopIconDisplay.HopIcon.Group" NavIcon="true"/> Groups
            </NavLink>
        </div>

        <div class="nav-item px-3" style="margin-top: auto">
            <NavLink class="nav-link" href="login">
                <HopIconDisplay Type="HopIconDisplay.HopIcon.Logout" NavIcon="true"/> Logout
            </NavLink>
        </div>
    </nav>
</div>