@inherits Umbraco.Web.Macros.PartialViewMacroPage
@using System.Web.Mvc.Html
@using ClientDependency.Core.Mvc
@using Umbraco.Web
@using Umbraco.Web.Models
@using Umbraco.Web.Controllers
@{
    var loginModel = new LoginModel { RedirectUrl = "/leaf-data/manage-queue/" };

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

<div class="container">
<div class="row">
    <div class="col-md-7 well">
        @using (Html.BeginUmbracoForm<UmbLoginController>("HandleLogin"))
        {
            <fieldset>
                @Html.ValidationSummary("loginModel", true)
                <div class="form-group">
                    @Html.LabelFor(m => loginModel.Username, new { @class = "control-label" })
                    @Html.TextBoxFor(m => loginModel.Username)
                    @Html.ValidationMessageFor(m => loginModel.Username)
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => loginModel.Password, new { @class = "control-label" })
                    @Html.PasswordFor(m => loginModel.Password)
                    @Html.ValidationMessageFor(m => loginModel.Password)
                </div>

                <button class="btn btn-primary pull-right">Login</button>
                @Html.HiddenFor(m => loginModel.RedirectUrl)
            </fieldset>
        }
    </div>
</div>
</div>