{% extends "base.html" %}
{% block report %}
  <h2 style="text-align: center">Staff Leader Board</h2>
<hr>
  <a href="{% url 'leader-board' 12345 %}"><span class="badge badge-info">All Location</span></a>
  {% for loc in er_locations %}
    <a href="{% url 'leader-board' loc.location_id %}"><span class="badge badge-info">{{ loc }}</span></a>
  {% endfor %}
<hr>
    <table class="table mt-2">
      <thead style="text-align: center">
        <tr class="table-primary">
          <th scope="col">Name</th>
          <th scope="col">Department</th>
          <th scope="col">Location</th>
          <th scope="col">Total Mentioned</th>
          <th scope="col">Total Unit</th>
        </tr>
      </thead>
      <tbody style="text-align: center">
        {% for staff in staffs %}
          <tr>
            <th scope="row">{{ staff.name }}</th>
            <td>{{ staff.department }}</td>
            <td>{{ staff.location }}</td>
            <td>{{ staff.name_mentioned }}</td>
            <td>{{ staff.total_units }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
{% endblock %}