@model MemberCenter.Web.Models.Account.RegisterViewModel
@{
    Layout = "_AuthLayout";
    ViewData["Title"] = L["Register"];
    var googleLoginEnabled = ViewData["GoogleLoginEnabled"] as bool? == true;
}

<div class="auth-heading-row">
  <div>
    <h1>@L["Create account"]</h1>
    <p>@L["Create your member account with email."]</p>
  </div>
  <a asp-area="" asp-controller="Account" asp-action="Login">@L["Back to login"]</a>
</div>
<div asp-validation-summary="All"></div>
<form class="auth-form" method="post">
  <div class="form-field">
    <label>@L["Email"]</label>
    <input asp-for="Email" />
    <span asp-validation-for="Email"></span>
  </div>

  <div class="form-field">
    <label>@L["Password"]</label>
    <input asp-for="Password" type="password" />
    <span asp-validation-for="Password"></span>
  </div>

  <div class="form-field">
    <label>@L["Confirm Password"]</label>
    <input asp-for="ConfirmPassword" type="password" />
    <span asp-validation-for="ConfirmPassword"></span>
  </div>

  <label class="auth-terms">
    <input asp-for="AcceptTerms" />
    <span>
      @L["I have read and agree to the"]
      <a asp-area="" asp-controller="Home" asp-action="Terms" target="_blank" rel="noopener">@L["Terms of Service"]</a>
      @L["and"]
      <a asp-area="" asp-controller="Home" asp-action="Privacy" target="_blank" rel="noopener">@L["Privacy Policy"]</a>.
    </span>
  </label>
  <span asp-validation-for="AcceptTerms"></span>

  <button type="submit" class="auth-submit-button">@L["Register"]</button>
</form>

@if (googleLoginEnabled)
{
  <form class="auth-provider-form" method="post" asp-area="" asp-controller="Account" asp-action="ExternalLogin">
    <input type="hidden" name="provider" value="Google" />
    <button type="submit" class="auth-provider-button">@L["Register with Google"]</button>
  </form>
}
