{% extends "base.html" %}

{% from "components/alert.html" import Alert %}
{% from "components/text_input.html" import TextInput %}

{% block content %}
  {% if new_user %}
    {% call Alert('Confirm new CCPO user') %}
      <form id="add-ccpo-user-form" action="{{ url_for('ccpo.confirm_new_ccpo_user') }}" method="POST">
        {{ form.csrf_token }}
        <input type="hidden" name="dod_id" value="{{ form.dod_id.data }}">
        <div>
          <p>
            Please confirm that the user details below match the user being given CCPO permissions.
          </p>
          <p>
            {{ new_user.full_name }}
          </p>
          <p>
            {{ new_user.email }}
          </p>
        </div>
        <div class='action-group'>
          <input
              type='submit'
              v-bind:disabled="invalid"
              class='action-group__action usa-button'
              value='Confirm and Add User'>
          <a class='action-group__action icon-link icon-link--default' href="{{ url_for('ccpo.ccpo_users') }}">{{ "common.cancel" | translate }}</a>
        </div>
      </form>
    {% endcall %}
  {% else %}
    {% call Alert('forms.ccpo_user.user_not_found' | translate) %}
      To add someone as a CCPO user, they must already have an ATAT account.
      <div class='action-group'>
        <a class='action-group__action icon-link icon-link--default' href="{{ url_for('ccpo.ccpo_users') }}">
          Return to list of CCPO users
        </a>
      </div>
    {% endcall %}
  {% endif %}
{% endblock %}