{% extends "base.html" %}
{% block content %}

<div class="container mt-4">

    <div class="d-flex justify-content-between align-items-center">
        <h2>All Admission Applications</h2>

        <div>
            <a href="{% url 'admissions:admission_list' %}" class="btn btn-secondary btn-sm">All</a>
            <a href="{% url 'admissions:admission_list' %}?status=Pending" class="btn btn-warning btn-sm">Pending</a>
            <a href="{% url 'admissions:admission_list' %}?status=Approved" class="btn btn-success btn-sm">Approved</a>
            <a href="{% url 'admissions:admission_list' %}?status=Rejected" class="btn btn-danger btn-sm">Rejected</a>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered table-striped mt-3">
            <thead class="table-dark">
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Mobile</th>
                    <th>Status</th>
                    <th>Registration Fee</th>
                    <th>Student ID</th>
                    <th>Batch Time</th>
                    <th>Batch No</th>
                    <th>Date</th>
                    <th width="220">Office Action</th>
                </tr>
            </thead>
            <tbody>
                {% for admission in admissions %}
                <tr>
                    <form method="POST">
                        {% csrf_token %}
                        <input type="hidden" name="admission_id" value="{{ admission.id }}">

                        <td>{{ forloop.counter }}</td>
                        <td>{{ admission.name }}</td>
                        <td>{{ admission.email }}</td>
                        <td>{{ admission.mobile }}</td>

                        <!-- Status -->
                        <td>
                            <select name="status" class="form-select form-select-sm">
                                <option value="Pending" {% if admission.status == "Pending" %}selected{% endif %}>Pending</option>
                                <option value="Approved" {% if admission.status == "Approved" %}selected{% endif %}>Approved</option>
                                <option value="Rejected" {% if admission.status == "Rejected" %}selected{% endif %}>Rejected</option>
                            </select>
                        </td>

                        <!-- Office Fields -->
                        <td>
                            <input type="number" step="0.01" name="registration_fee"
                                   value="{{ admission.registration_fee }}"
                                   class="form-control form-control-sm">
                        </td>

                        <td>
                            <input type="text" name="student_id"
                                   value="{{ admission.student_id }}"
                                   class="form-control form-control-sm">
                        </td>

                        <td>
                            <input type="text" name="batch_time"
                                   value="{{ admission.batch_time }}"
                                   class="form-control form-control-sm">
                        </td>

                        <td>
                            <input type="text" name="batch_number"
                                   value="{{ admission.batch_number }}"
                                   class="form-control form-control-sm">
                        </td>

                        <td>{{ admission.created_at|date:"d M Y" }}</td>

                        <td>
                            <button type="submit" class="btn btn-primary btn-sm">
                                Save
                            </button>
                        </td>
                    </form>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="11" class="text-center text-muted">
                        No Applications Found
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% endblock %}