{% load ldap_front %}

<table class="table table-striped table-hover" data-classes="table-borderless" data-toggle="table"
  data-search="true"
  data-sort-name="name">
  <thead>
    <tr>
      <th scope="col" data-sortable="true" data-field="name">Name</th>
      <th scope="col">Algo</th>
      <th scope="col">Expiration</th>
      <th scope="col">Status</th>
      <th scope="col">Actions</th>
    </tr>
  </thead>
  <tbody>
{% for card in cards %}
    <tr>
      <td scope="col"><b>{{ card.name|default_if_none:"No name" }}</b></td>
      <td scope="col">
        {% for algo in card.algo %}
          {{ algo }}
        {% endfor %}
      </td>
      <td scope="col"><span class="{{ card.expiration|expiration_date_class }}">{{ card.expiration|date:"d/m/Y" }}</span></td>
      <td scope="col">
        <span class="badge
        {% if card.status.value == "APPROVED" %}
          text-bg-success
        {% elif card.status.value == "REVOKED" %}
          text-bg-secondary
        {% elif card.status.value == "WAITING_FOR_REVIEW" %}
          text-bg-warning
        {% elif card.status.value == "PENDING" %}
          text-bg-primary
        {% endif %}
        ">{{ card.status.value }}</span>
      </td>
      <td scope="col">Actions</td>
    </tr>
{% endfor %}
  </tbody>
</table>