{% extends "base.html" %}

{% from "components/icon.html" import Icon %}

{% block content %}
  <div class='col'>
    <div class="h2">
      CCPO Users
    </div>

    {% include "fragments/flash.html" %}

    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>DoD ID</th>
        </tr>
      </thead>
      <tbody>
        {% for user in users %}
          <tr>
            <td>{{ user.full_name }}</td>
            <td>{{ user.email }}</td>
            <td>{{ user.dod_id }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if user_can(permissions.CREATE_CCPO_USER) %}
    <a class="icon-link modal-link" href="{{ url_for('ccpo.add_new_ccpo_user')}}">
      Add new CCPO user {{ Icon("plus") }}
    </a>
  {% endif %}

{% endblock %}