{% extends 'students/student_base.html' %}
{% load humanize %}

{% block title %}<title>Student Detail</title>{% endblock %}

{% block content %}
    <h1>Student Detail</h1>
    <h4>{{ student.full_name }}</h4>
    <h6>Tution fees: {{ student.tution_fee|intcomma }}</h6>
    <div>
        <table class="table table-sm table-dark table-hover" style="width: 70%;">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Date</th>
                    <th scope="col">Payment Frequency</th>
                    <th scope="col">Amount</th>
                </tr>
            </thead>
            <tbody>
            {% for fee in student.student_fee.all %}
                <tr>
                    <th scope="row">{{ forloop.counter }}</th>
                    <td>{{ fee.payment_date }}</td>
                    <td>{{ fee.payment_type|capfirst }}</td>
                    <td>{{ fee.payment|intcomma }}</td>
                    <td><a href="{% url 'fee_update' fee.id %}" class="btn btn-primary">Update</a></td>
                    <td><a href="#" class="btn btn-danger">Delete</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock  %}