{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% 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>
    <p class="govuk-body">
      Your account will be created with this email address:
      <span class="nowrap">{{invited_user.email_address}}</span>
    </p>
    {% call form_wrapper() %}
      {{ textbox(form.name, width='3-4') }}
      {% if invited_user.auth_type == 'sms_auth' %}
        <div class="extra-tracking">
          {{ textbox(form.mobile_number, width='3-4', hint='We’ll send you a security code by text message') }}
        </div>
      {% endif %}
      {{ textbox(form.password, hint="At least 8 characters", width='3-4', autocomplete='new-password') }}
      {{ page_footer("Continue") }}
      {{form.service}}
      {{form.email_address}}
      {{form.auth_type}}
    {% endcall %}
  </div>
</div>

{% endblock %}