{% extends "base.html" %}

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

{% block content %}
  <form id="add-ccpo-user-form" action="{{ url_for('atst.submit_add_new_ccpo_user') }}" method="POST">
    {{ form.csrf_token }}
    <h1>Add new CCPO user</h1>
    <div class='form-row'>
      <div class='form-col form-col--two-thirds'>
        {{ TextInput(form.dod_id, validation='dodId') }}
      </div>
      <div class="form-col form-col--third">
        <div class='action-group'>
          <input
              type='submit'
              v-bind:disabled="invalid"
              class='action-group__action usa-button'
              value='Next'>
          <a class='action-group__action icon-link icon-link--default' href="{{ url_for('atst.ccpo_users') }}">{{ "common.cancel" | translate }}</a>
        </div>
      </div>
    </div>
  </form>
{% endblock %}