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

<div class="application-list-item">
  <header>
    <div class='left'>
      <div class='h3'>{{ 'portfolios.applications.environments_heading' | translate }}</div>
    </div>
    <a class='icon-link'>
      {{ Icon('info') }}
      {{ "portfolios.admin.settings_info" | translate }}
    </a>
  </header>

  <table>
    <thead>
      <tr>
          <td>{{ "portfolios.applications.environments.name" | translate }}</td>
          <td>{{ "portfolios.applications.environments.members" | translate }}</td>
      </tr>
    </thead>

    <tbody>
        {% for environment in application.environments %}
          <tr>
            <td>{{ environment.name }}</td>
            <td>Show Members({{ environment.num_users }}){{ Icon('caret_down') }}</td>
          </tr>
        {% endfor %}
    </tbody>
  </table>

</div>