{% extends 'base.html' %}
{% load static %}
{% load course_tags %}
{% block title %}Approve Applications{% endblock  %}
{% block content %}



    <!-- HERO
    ================================================== -->
    <section class="py-13 pt-xl-14 mt-n13 pb-lg-12 bg-cover position-relative" style="background: linear-gradient(90deg, #FFEBE5 0.13%, #EDEAF6 100.01%);">
        <div class="container mt-4">
            <h2>Application List</h2>
            <table class="table table-bordered table-striped">
                <thead class="thead-dark">
                    <tr>
                        <th>Application ID</th>
                        <th>User</th>
                        <th>Application Type</th>
                        <th>Amount</th>
                        <th>Token</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for application in applications %}
                    <tr>
                        <td>{{ application.id }}</td>
                        <td>{{ application.user.username }}</td>
                        <td>{{ application.get_application_type_display }}</td>
                        <td>{{ application.amount }}</td>
                        <td>{{ application.tran_id }}</td>
                        <td>{{ application.tran_date }}</td>
                        <td>{{ application.is_approved|yesno:"Approved,Pending" }}</td>
                        <td>
                            {% if not application.is_approved %}
                            <a href="{% url 'approve_application' application.id %}" class="btn btn-success btn-sm">Approve</a>
                            {% else %}
                            <span class="badge badge-success">Approved</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </section>





{% endblock %}