Add in templates for ccpo user form and sketch out route functions

templates/ccpo/add_user.html

@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+
+{% from "components/text_input.html" import TextInput %}
+
+{% block content %}
+  {% set ccpo_user_form = "add-ccpo-user-form" %}
+
+  <form id="{{ ccpo_user_form }}" action="{{ url_for('atst.submit_add_new_ccpo_user') }}" method="POST">
+    {{ form.csrf_token }}
+    <div class="modal__form--header">
+      <h1>Add new CCPO user</h1>
+    </div>
+    <div class='form-row'>
+      <div class='form-col'>
+        {{ TextInput(form.dod_id, validation='dodId') }}
+      </div>
+    </div>
+    <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>
+  </form>
+{% endblock %}

templates/ccpo/confirm_user.html

@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+
+{% from "components/alert.html" import Alert %}
+{% from "components/text_input.html" import TextInput %}
+
+{% block content %}
+  {% set ccpo_user_form = "add-ccpo-user-form" %}
+
+  {% call Alert('Confirm new CCPO user') %}
+
+    <form id="{{ ccpo_user_form }}" action="{{ url_for('atst.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('atst.ccpo_users') }}">{{ "common.cancel" | translate }}</a>
+      </div>
+    </form>
+  {% endcall %}
+{% endblock %}

templates/ccpo/users.html

@@ -28,7 +28,7 @@
   </div>
 
   {% if user_can(permissions.CREATE_CCPO_USER) %}
-    <a class="icon-link modal-link" v-on:click="openModal()">
+    <a class="icon-link modal-link" href="{{ url_for('atst.add_new_ccpo_user')}}">
       Add new CCPO user {{ Icon("plus") }}
     </a>
   {% endif %}