{% extends "withoutnav_template.html" %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
Create an account
{% endblock %}

{% block maincolumn_content %}

<div class="govuk-grid-row">
  <div class="govuk-grid-column-two-thirds">
    <h1 class="heading-large">Create an account</h1>
    {% call form_wrapper(autocomplete=True) %}
      {{ form.name(param_extensions={"classes": "govuk-!-width-three-quarters"}) }}
      {{ form.email_address(
        param_extensions={
          "hint": {"text": "Must be from a public sector organization"},
          "classes": "govuk-!-width-three-quarters",
          "autocomplete": "email"
        },
        error_message_with_html=True
      ) }}
      <div class="extra-tracking">
        {{ form.mobile_number(param_extensions={
          "hint": {"text": "We’ll send you a security code by text message"},
          "classes": "govuk-!-width-three-quarters"
        }) }}
      </div>
      {{ form.password(param_extensions={"hint": {"text": "At least 8 characters"}, "classes": "govuk-!-width-three-quarters", "autocomplete": "new-password"}) }}
      {{form.auth_type}}
      {{ page_footer("Continue") }}
    {% endcall %}
  </div>
</div>

{% endblock %}