{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}

{% block per_page_title %}
  Confirm change of mobile number
{% endblock %}

{% block backLink %}
  {{ usaBackLink({ "href": url_for('.edit_user_mobile_number', service_id=service_id, user_id=user.id) }) }}
{% endblock %}

{% block maincolumn_content %}

{{ page_header('Confirm change of mobile number') }}

<div class="grid-row">
  <div class="grid-col-12">
  {% call form_wrapper() %}
    <p>New mobile number:</p>
    <div class="panel panel-border-wide bottom-gutter">
      <p>{{ new_mobile_number }}</p>
    </div>
    <p>We will send {{ user.name }} a text message to tell them about the change.</p>
    {{ page_footer('Confirm') }}
  {% endcall %}
  </div>
</div>

{% endblock %}