{% if infos|length %}
<table class="ecl-table">
  <thead class="ecl-table__head">
    <tr class="ecl-table__row">
      <th class="ecl-table__header">{{ "Email"|t }}</th>
      <th class="ecl-table__header">{{ "Firstname"|t }}</th>
      <th class="ecl-table__header">{{ "Lastname"|t }}</th>
      <th class="ecl-table__header">{{ "Function"|t }}</th>
      <th class="ecl-table__header">{{ "Organisation"|t }}</th>
      <th class="ecl-table__header">&nbsp;</th>
    </tr>
  </thead>
  <tbody class="ecl-table__body">
    {% for info in infos %}
      <tr class="ecl-table__row">
        <td class="ecl-table__cell">{{ info.email }}</td>
        <td class="ecl-table__cell">{{ info.first_name }}</td>
        <td class="ecl-table__cell">{{ info.last_name }}</td>
        <td class="ecl-table__cell">{{ info.function }}</td>
        <td class="ecl-table__cell">{{ info.organisation }}</td>
        <td class="ecl-table__cell">
          <a class="ecl-button ecl-button--call ecl-button-xs"
            href="#invitation_modal"
            rel="modal:open"
            data-firstname="{{ info.first_name }}"
            data-lastname="{{ info.last_name }}"
            data-email="{{ info.email }}"
            data-sid="{{ sid }}"
            data-role="{{ role }}"
          >Invite</a>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}