{% extends "base.html" %}

{% block content %}
<div v-cloak class='col'>
  <table class="atat-table">
    <thead>
      <tr>
        <th>Portfolio Name</th>
        <th>Users</th>
      </tr>
    </thead>
    <tbody>
    {% for portfolio in portfolios %}
     <tr>
        <td>
          <a class='icon-link icon-link--large' href="/portfolios/{{ portfolio.id }}/applications">{{ portfolio.name }}</a><br>
        </td>
        <td>
          <span class="label">{{ portfolio.user_count }}</span><span class='h6'>Users</span>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}