@inherits Umbraco.Web.Macros.PartialViewMacroPage
@using ClientDependency.Core.Mvc
@using Umbraco.Web.Controllers
@{
    // https://24days.in/umbraco-cms/2015/membership-apis-investigation/
    // https://our.umbraco.com/forum/templates-partial-views-and-macros/93133-membership-provider-registration-form

    var membershipHelper = new Umbraco.Web.Security.MembershipHelper(UmbracoContext.Current);
    var registerModel = membershipHelper.CreateRegistrationModel();

    var success = TempData["FormSuccess"] != null;

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

    Html.RequiresJs("~/scripts/Register.js");

    var user = Membership.GetUser();
}

<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-lg-6 card card-body bg-light">
@if (success || (!user?.IsApproved ?? false))
{
    <p><span class="fa fa-check text-primary"></span> Registration succeeded. Please check your email to verify your account.</p>
}
else if (user != null)
{
    <p>No need to register - you are already logged with email @user.Email</p>
}
else
{
    using (Html.BeginUmbracoForm<UmbRegisterController>(
           "HandleRegisterMember", 
            null,
            new {id="register-member"}))
    {
        @Html.ValidationSummary(true)

        @Html.EditorFor(m => registerModel.Name)
        @Html.EditorFor(m => registerModel.Email, new { type = "email"})
        @Html.EditorFor(m => registerModel.Password, "Password")
        @*<div class="form-group">
            @Html.LabelFor(m => registerModel.Name)
            @Html.TextBoxFor(m => registerModel.Name, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => registerModel.Name, "", new { @class = "text-danger" })
        </div>
        <div class="form-group">
            @Html.LabelFor(m => registerModel.Email)
            @Html.TextBoxFor(m => registerModel.Email, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => registerModel.Email, "", new { @class = "text-danger" })
        </div>
        <div class="form-group">
            @Html.LabelFor(m => registerModel.Password)
            @Html.PasswordFor(m => registerModel.Password, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => registerModel.Password, "", new { @class = "text-danger" })
        </div>*@
        <div class="form-group verifyPassword">
            @Html.Label("VerifyPassword")
            @Html.Password("VerifyPassword", null, new { @class = "form-control" })
            @Html.ValidationMessage("VerifyPassword", "", new { @class = "text-danger" })
        </div>

        @*if (registerModel.MemberProperties != null)
        {
            for (var i = 0; i < registerModel.MemberProperties.Count; i++)
            {
                <div class="form-group">
                    @Html.LabelFor(m => registerModel.MemberProperties[i].Value, registerModel.MemberProperties[i].Name)
                    @Html.EditorFor(m => registerModel.MemberProperties[i].Value, new { @class = "form-control" })
                    @Html.HiddenFor(m => registerModel.MemberProperties[i].Alias)
                </div>
            }
        }*@

        @Html.HiddenFor(m => registerModel.MemberTypeAlias)
        @Html.HiddenFor(m => registerModel.RedirectUrl)
        @Html.HiddenFor(m => registerModel.UsernameIsEmail)

        <button type="submit" class="btn btn-primary pull-right">Register</button>
    }
}
        </div>
    </div>
</div>