{% extends "base.html" %}

{% block title %}Registration Requests · Online Book Indent{% endblock %}

{% block content %}
<section class="panel">
    <h1>Member Registration Requests</h1>
    <p class="muted">
        Review institutional member details before activating their accounts.
    </p>

    {% if pending_users %}
        <div class="table-responsive">
            <table>
                <thead>
                    <tr>
                        <th>Member</th>
                        <th>Email</th>
                        <th>Department</th>
                        <th>Employee ID</th>
                        <th>Registered</th>
                        <th>Decision</th>
                    </tr>
                </thead>

                <tbody>
                    {% for applicant in pending_users %}
                    <tr>
                        <td>
                            <strong>
                                {{ applicant.get_full_name|default:applicant.username }}
                            </strong>
                            <br>
                            <small>@{{ applicant.username }}</small>
                        </td>

                        <td>{{ applicant.email }}</td>
                        <td>{{ applicant.department }}</td>
                        <td>{{ applicant.employee_id|default:"—" }}</td>
                        <td>{{ applicant.date_joined|date:"d M Y, h:i A" }}</td>

                        <td>
                            <form method="post"
                                  action="{% url 'registration_review' applicant.pk %}">
                                {% csrf_token %}

                                <textarea
                                    name="note"
                                    rows="2"
                                    placeholder="Reason (required for rejection)"
                                ></textarea>

                                <button
                                    class="primary"
                                    type="submit"
                                    name="action"
                                    value="approve">
                                    Approve
                                </button>

                                <button
                                    type="submit"
                                    name="action"
                                    value="reject"
                                    onclick="return confirm('Reject this registration?');">
                                    Reject
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <p>No pending registration requests.</p>
    {% endif %}
</section>
{% endblock %}