@model BuildFeed.Model.View.RegistrationUser

@{
   ViewBag.Title = $"{VariantTerms.Support_Register} | {InvariantTerms.SiteName}";
   Html.EnableClientValidation();
   Html.EnableUnobtrusiveJavaScript();
}

<h1>@VariantTerms.Support_Register</h1>

@using (Html.BeginForm())
{
   @Html.AntiForgeryToken()

   if (ViewData["ErrorMessage"] != null)
   {
      <p class="text-danger">
         @ViewData["ErrorMessage"]
      </p>
   }

   <div class="form-horizontal">
      <div class="form-group">
         @Html.LabelFor(model => model.UserName, new
         {
            @class = "control-label col-md-2"
         })
         <div class="col-md-10">
            <div class="row">
               <div class="col-sm-6">
                  @Html.TextBoxFor(model => model.UserName, new
                  {
                     @class = "form-control"
                  })
               </div>
            </div>
            @Html.ValidationMessageFor(model => model.UserName)
         </div>
      </div>

      <div class="form-group">
         @Html.LabelFor(model => model.Password, new
         {
            @class = "control-label col-md-2"
         })
         <div class="col-md-10">
            <div class="row">
               <div class="col-sm-6">
                  @Html.PasswordFor(model => model.Password, new
                  {
                     @class = "form-control"
                  })
               </div>
            </div>
            @Html.ValidationMessageFor(model => model.Password)
         </div>
      </div>

      <div class="form-group">
         @Html.LabelFor(model => model.ConfirmPassword, new
         {
            @class = "control-label col-md-2"
         })
         <div class="col-md-10">
            <div class="row">
               <div class="col-sm-6">
                  @Html.PasswordFor(model => model.ConfirmPassword, new
                  {
                     @class = "form-control"
                  })
               </div>
            </div>
            @Html.ValidationMessageFor(model => model.ConfirmPassword)
         </div>
      </div>

      <div class="form-group">
         @Html.LabelFor(model => model.EmailAddress, new
         {
            @class = "control-label col-md-2"
         })
         <div class="col-md-10">
            <div class="row">
               <div class="col-sm-6">
                  @Html.TextBoxFor(model => model.EmailAddress, new
                  {
                     @class = "form-control"
                  })
               </div>
            </div>
            @Html.ValidationMessageFor(model => model.EmailAddress)
         </div>
      </div>

      <div class="form-group">
         <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="@VariantTerms.Support_Register" class="btn btn-primary" />
         </div>
      </div>
   </div>
}

@section Scripts
{
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
   <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
   <script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
}