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

<section class="member-list">
  <div class='responsive-table-wrapper panel'>
    <div class='member-list-header'>
      <div class='left'>
        <div class='h3'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div>
        <div class='subheading'>
          {{ "portfolios.admin.portfolio_members_subheading" | translate }}
        </div>
      </div>
      <a class='icon-link'>
        <span class='icon'>{{ Icon('info') }}</span>
        {{ "portfolios.admin.settings_info" | translate }}
      </a>
    </div>

  {% if not portfolio.members %}

    <p>There are currently no members in this Portfolio.</p>

  {% else %}

    <table>

      <thead>
        <tr>
            <td>{{ "portfolios.members.permissions.name" | translate }}</td>
            <td>{{ "portfolios.members.permissions.app_mgmt" | translate }}</td>
            <td>{{ "portfolios.members.permissions.funding" | translate }}</td>
            <td>{{ "portfolios.members.permissions.reporting" | translate }}</td>
            <td>{{ "portfolios.members.permissions.portfolio_mgmt" | translate }}</td>
            <td></td>
        </tr>
      </thead>

      <tbody>
        {% for member in portfolio.members %}
        <tr>
            <td class='name'>{{ member.user_name }}
              {% if member.user == user %}
                <span class='you'>(<a>you</a>)</span>
              {% endif %}
            </td>
            {% set heading_perms = ['edit_application', 'view_portfolio_funding', 'view_portfolio_reports', 'edit_portfolio_name'] %}

            {% for perm in heading_perms %}
              {% if perm in member.permissions %}
                <td><a>Edit Access</a></td>
              {% else %}
                <td>View Only</td>
              {% endif %}
            {% endfor %}

        </tr>
        {% endfor %}
      </tbody>

    </table>
  </div>

{% endif %}

</section>