{% 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" data-sortable="true">Job</th>
      <th scope="col" data-sortable="true">Location</th>
      <th scope="col" data-sortable="true">Team</th>
      <th scope="col" data-sortable="true">VPN Enabled</th>
      <th scope="col" data-sortable="true">Authentication<br/>method</th>
      <th scope="col" data-sortable="true">Authentication<br/>expiration</th>
      <th scope="col" data-sortable="true">User<br/>expiration</th>
      <th scope="col" data-sortable="true">Status</th>
    </tr>
  </thead>
  <tbody>
{% for user in users %}
    <tr>
      <td scope="col"><b><a href="{% url 'people_show' username=user.username %}">{{ user.name|default_if_none:user.username }}</a></b></td>
      <td scope="col">{{ user.job_title|default_if_none:"" }}</td>
      <td scope="col">{{ user.location|default_if_none:"" }}</td>
      <td scope="col">{{ user.organisation_units|default_if_none:"" }}</td>
      <td scope="col">{{ user.vpn_enabled|show_check|safe }}</td>
      <td scope="col">
        {% if user.is_password_set %}<span class="badge text-bg-primary">Password</span>{% endif %}
        {% if user.certificate_expirations %}<span class="badge text-bg-primary">Smartcard</span>{% endif %}
      </td>
      <td scope="col"><span class="{{ user.last_expiration|expiration_date_class }}">{{ user.last_expiration|date:"d/m/Y" }}</span></td>
      <td scope="col"><span class="{{ user.user_expiration|expiration_date_class }}">{{ user.user_expiration|date:"d/m/Y" }}</span></td>
      <td scope="col">
        <span class="badge
        {% if user.user_status.value == "Active" %}
          text-bg-success
        {% elif user.user_status.value == "Disabled" %}
          text-bg-secondary
        {% elif user.user_status.value == "Waiting Approval" %}
          text-bg-warning
        {% elif user.user_status.value == "Pending" %}
          text-bg-primary
        {% endif %}
        ">{{ user.user_status.value }}</span>
      </td>
    </tr>
{% endfor %}
  </tbody>
</table>