{% extends "base.html" %}
{% block title %}Employees · MIEM Employees{% endblock %}
{% block content %}
<section class="panel">
  <h2 class="panel__title">Employees</h2>
  <form class="form" method="get" action="/admin/employees">
    <input class="form__input" name="q" value="{{ q }}" placeholder="Name or URL">
    <select class="form__select" name="status">
      <option value="" {% if not status %}selected{% endif %}>All</option>
      <option value="active" {% if status == "active" %}selected{% endif %}>Active</option>
      <option value="dismissed" {% if status == "dismissed" %}selected{% endif %}>Dismissed</option>
    </select>
    <button class="button" type="submit">Search</button>
  </form>
  <table class="table">
    <thead><tr><th class="table__head">Name</th><th class="table__head">Status</th><th class="table__head">Last seen</th><th class="table__head">Profile</th></tr></thead>
    <tbody>
      {% for employee in employees %}
      <tr>
        <td class="table__cell"><a class="admin__link" href="/admin/employees/{{ employee.id }}">{{ employee.full_name or employee.profile_key }}</a></td>
        <td class="table__cell"><span class="badge {% if employee.status == "dismissed" %}badge--dismissed{% endif %}">{{ employee.status }}</span></td>
        <td class="table__cell">{{ employee.last_seen_at }}</td>
        <td class="table__cell"><a class="admin__link" href="{{ employee.canonical_url }}">{{ employee.canonical_url }}</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}