{% extends "attendance/admin/_layout.html" %}
{% block admin %}
<div class="app-card p-0 table-responsive">
  <table class="table table-hover align-middle mb-0">
    <thead><tr><th>{% t "Name" %}</th><th>{% t "Email" %}</th><th>{% t "Planned hours" %}</th><th>{% t "Hire date" %}</th><th>{% t "Balances" %}</th><th>{% t "Admin" %}</th><th>{% t "Password" %}</th><th>{% t "Outlook calendar" %}</th><th></th></tr></thead>
    <tbody>
    {% for p in people %}
      <tr>
        <td><a href="{% url 'manage_employee' p.userid %}">{{ p.name }}</a>{% if not p.is_att %} <span class="badge text-bg-secondary">{% t "Attendance" %}: {% t "No" %}</span>{% endif %}{% if p.is_disabled %} <span class="badge text-bg-danger">{% t "Disabled" %}</span>{% endif %}</td>
        <td class="small">{{ p.email|default:"—" }}</td>
        <td class="small">{% for m in p.planned %}{{ m|hm }}{% if not forloop.last %} · {% endif %}{% endfor %}{% if not p.planned_valid %} <i class="bi bi-exclamation-triangle text-warning"></i>{% endif %}</td>
        <td class="small">{{ p.hire_date|date:"d/m/Y"|default:"—" }}</td>
        <td class="small">{% if p.remark.tracking %}{% if p.remark.has_snapshot %}{{ p.remark.snapshot_date|date:"d/m/Y" }}{% else %}<i class="bi bi-exclamation-triangle text-warning"></i>{% endif %}{% else %}—{% endif %}{% if not p.remark.valid %} <span class="badge text-bg-danger">{% t "Invalid Remark content" %}</span>{% endif %}</td>
        <td>{% if p.is_admin %}<i class="bi bi-shield-check text-primary" title="{% t 'Admin' %}"></i>{% endif %}{% if p.is_manager %}<i class="bi bi-briefcase text-primary ms-1" title="{% t 'Manager' %}"></i>{% endif %}</td>
        <td>{% if p.has_password %}<i class="bi bi-key"></i>{% else %}—{% endif %}</td>
        <td>{% with c=synced|get_item:p.userid %}{% if c %}<i class="bi bi-calendar-check text-success" title="{% t 'Active' %}"></i>{% if c.last_error %} <i class="bi bi-exclamation-triangle text-warning" title="{{ c.last_error }}"></i>{% endif %}{% else %}—{% endif %}{% endwith %}</td>
        <td class="text-end"><a class="btn btn-sm btn-outline-secondary" href="{% url 'calendar' p.userid today.year today.month %}"><i class="bi bi-calendar3"></i></a></td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}