@model ViewModel

<nav class="navbar navbar-expand-lg py-3" data-bs-theme="dark">
    <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="/index"><img id="img-logo" src="/assets/img/logos/twine_logo_colored.png" width="283" height="79"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-3"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navcol-3">
            <ul class="navbar-nav mb-4 mb-lg-0 mx-auto">
                <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="/firmware.html">Firmware Upgrades</a></li>
                <li class="nav-item"><a class="nav-link" href="/utilities.html">Utilities</a></li>
                <li class="nav-item"><a class="nav-link" href="/docs.html">Docs</a></li>
                <li class="nav-item"><a class="nav-link" href="/ai">AI</a></li>
            </ul>
            @if (!Model.User.IsAuthenticated)
            {
                <a class="btn bg-white bg-opacity-10 bg-gradient me-2" role="button" data-bss-hover-animate="pulse" href="/login.html" id="btn-login">Login</a>
            }
            else
            {
                <div>
                    <svg class="d-block ratio" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="font-size: 53px;">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM12 7C12 8.10457 11.1046 9 10 9C8.89543 9 8 8.10457 8 7C8 5.89543 8.89543 5 10 5C11.1046 5 12 5.89543 12 7ZM9.99993 11C7.98239 11 6.24394 12.195 5.45374 13.9157C6.55403 15.192 8.18265 16 9.99998 16C11.8173 16 13.4459 15.1921 14.5462 13.9158C13.756 12.195 12.0175 11 9.99993 11Z" fill="currentColor"></path>
                    </svg><span class="text-center d-block">@Model.User.Name</span>
                </div>
            }
        </div>
    </div>
</nav>