{% extends 'user-base.html' %}
{% block content %}
  <div class="row">
    {% for staff in staffs %}
    <div class="col-sm-6">
      <div class="card mt-2 mb-2">
        <div class="card-header">
          <span style="font-size: larger; font-family: sans-serif; font-weight: bold;">{{staff.name}}</span>
          <span style="float: right;">{{ staff.department }}</span>
        </div>
        <div class="card-body">
          <span >Name Mentioned: {{ staff.name_mentioned }}</span>
          <span style="float: right;">Bonus: ${{ staff.total_units }}</span>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
{% endblock %}