{% extends 'main/base.html' %}

{% block content %}
{% load static %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/ui-updates.css' %}">



<div class="container">
	<h2 class="mb-1">School Fees Records</h2>
	  <div class="row">
			<table class="table table-striped table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Student ID</th>
      <th scope="col">Student Name</th>
      <th scope="col">College</th>
      <th scope="col">Amount Paid</th>
      <th scope="col">Balance</th>
    </tr>
  </thead>
  <tbody>
    {% for fee in records %}
    <tr>
      <th scope="row">{{forloop.counter}}</th>
      <td>{{fee.student_id}}</td>
      <td>{{fee.student_name}}</td>
      <td>{{fee.college}}</td>
      <td>{{fee.amount_paid}}</td>
      <td>{{fee.balance}}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>


		</div>
</div>
{% endblock %}