I am trying to setup a login facility for members on my umbraco site, but am having issues when rendering the view.

Here is some information on my setup:

Umbraco version: 8.6.1

Modelsbuilder mode: PureLive

Doc Type: accountLogin

Model:

    public class CustomerLogin 
{
    public CustomerLogin()
    {
        ViewData = new MembershipViewData();
    }

    [Required(ErrorMessage = "Username is required.")]
    [Display(Name = "User Name")]
    public string Username { get; set; }

    [Required(ErrorMessage = "Password is required.")]
    [Display(Name = "Password"), DataType(DataType.Password)]
    public string Password { get; set; }

    [Display(Name = "Remember Me")]
    public bool RememberMe { get; set; }

    public string SuccessRedirectUrl { get; set; }
    public MembershipViewData ViewData { get; set; }
}

Controller

public class AccountLoginController : SurfaceController
{
    public ActionResult LoginForm(string view = "")
    {
        var model = new CustomerLogin { RememberMe = true };
        return view.IsNullOrWhiteSpace() ? PartialView(model) : PartialView(view, model);
    }

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Login(CustomerLogin model)
    {
        if (!ModelState.IsValid) return CurrentUmbracoPage();

        if (!Members.Login(model.Username, model.Password))
        {
            var member = Members.GetByUsername(model.Username);
            var viewData = new MembershipViewData { Success = false };

            if (member == null)
            {
                viewData.Messages = new[] { "Account does not exist for this email address." };
            }
            else
            {
                var messages = new List<string>
                {
                    "Login was unsuccessful with the email address and password entered."
                };

                if (!member.Value<bool>("umbracoMemberApproved")) messages.Add("This account has not been approved.");
                if (member.Value<bool>("umbracoMemberLockedOut")) messages.Add("This account has been locked due to too many unsuccessful login attempts.");

                viewData.Messages = messages;
            }

            TempData["LoginModel"] = viewData;
            return CurrentUmbracoPage();
        }

View: (Partial View)

@inherits UmbracoViewPage<CustomerLogin>

@using PriceBeater.Models.Membership;
@using PriceBeater.Controllers;


@{
    Model.SuccessRedirectUrl = "/Account";
    MembershipViewData result = (MembershipViewData)TempData["LoginModel"];
}

@using (Html.BeginUmbracoForm<AccountLoginController>("Login"))
{
    @Html.AntiForgeryToken()
    <div class="form-group">
        @Html.LabelFor(x => x.Username)
        @Html.TextBoxFor(x => x.Username, new { @placeholder = "Your email address", @class = "form-control" })
        @Html.ValidationMessageFor(x => x.Username)
    </div>
    <div class="form-group">
        @Html.LabelFor(x => x.Password)
        @Html.PasswordFor(x => x.Password, new { @placeholder = "Your password", @class = "form-control" })
        @Html.ValidationMessageFor(x => x.Password)
    </div>
    <div class="form-group ">
        @Html.HiddenFor(x => x.SuccessRedirectUrl)
        <input type="submit" value="Login" class="btn btn-default pull-right" />
    </div>

}

Template Page

@inherits Umbraco.Web.Mvc.UmbracoViewPage

@{
    Layout = "priceBeater.cshtml";
}

<section>
    <div class="container">
        <h1>Login</h1>
        <p>Currently not a member? Go to our <a href="/Register">Registration page</a>.</p>

        <div class="row">
            <div class="col-md-8">
                @Html.Partial("~/Views/Partials/Forms/LoginForm.cshtml")
            </div>
        </div>
    </div>
</section>

Going round in circles here, getting messages like the following:

"Cannot bind source type Umbraco.Web.PublishedModels.AccountLogin to model type PriceBeater.Models.Membership.CustomerLogin. The source is a ModelsBuilder type, but the view model is not. The application is in an unstable state and should be restarted."

I am using the following youtube resource to get this facility set up. youtube video

Can anyone suggest where I am going wrong? If more information is required please let me know.

Much appreciated.