{% load user_display_name %}

<table class="table table-striped table-bordered">
  <thead>
    <tr>
      <th>Architects
        <span class="badge pull-right">{{architects|length}}</span></th>
      <th>Maintainers
        <span class="badge pull-right">{{maintainers|length}}</span></th>
      <th>Integrators
        <span class="badge pull-right">{{integrators|length}}</span></th>
      <th>Reviewers
        <span class="badge pull-right">{{reviewers|length}}</span></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        {% for architect in architects|dictsort:"last_name.lower" %}
        <a href="/users/{{ architect.id }}">
          <p>{{ architect|user_display_name }}</p>
        </a>
        {% endfor %}
      </td>
      <td>
        {% for maintainer in maintainers|dictsort:"last_name.lower" %}
        <a href="/users/{{ maintainer.id }}">
          <p>{{ maintainer|user_display_name }}</p>
        </a>
        {% endfor %}
      </td>
      <td>
        {% for integrator in integrators|dictsort:"last_name.lower" %}
        <a href="/users/{{ integrator.id }}">
          <p>{{ integrator|user_display_name }}</p>
        </a>
        {% endfor %}
      </td>
      <td>
        {% for reviewer in reviewers|dictsort:"last_name.lower" %}
        <a href="/users/{{ reviewer.id }}">
          <p>{{ reviewer|user_display_name }}</p>
        </a>
        {% endfor %}
      </td>
    </tr>
  </tbody>
</table>