@inherits UmbracoTemplatePage
@using System.Web.Mvc.Html
@using ClientDependency.Core.Mvc
@using Umbraco.Web
@using Umbraco.Web.Models
@using Umbraco.Web.Controllers
@{
    var loginStatusModel = Members.GetCurrentLoginStatus();

    Html.RequiresJs("~/scripts/jquery.validate.min.js");
    Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.min.js");
    Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.bootstrap.min.js");

    var logoutModel = new PostRedirectModel { RedirectUrl = "/" };
}
<div class="container">
    <div class="row align-items-center">
        @if (loginStatusModel.IsLoggedIn)
        {
            <div class="col-md-auto">
                <span class="fa fa-user"></span> @loginStatusModel.Name
            </div>
            <div class="col-sm">
                @using (Html.BeginUmbracoForm<UmbLoginStatusController>("HandleLogout"))
                {
                    <button href="#" class="btn btn-outline-secondary btn-sm">Logout</button>
                    @Html.HiddenFor(m => logoutModel.RedirectUrl)
                }
            </div>
        }
        else
        {
            <div class="col-md-auto">
                <a href="/membership/login" class="nav-link"><span class="fa fa-user"></span> Login</a>
            </div>
        }
    </div>
</div>