{% extends 'dlux/base.html' %}
{% block title %}{{ DLUX_STRINGS.pending_registrations|default:'Pending Registrations' }}{% endblock %}

{% block content %}
<div class="container-fluid py-3">
    <h1 class="h4 mb-3">{{ DLUX_STRINGS.pending_registrations|default:'Pending registrations' }}</h1>
    <div class="table-responsive">
        <table class="table table-sm align-middle">
            <thead>
                <tr>
                    <th>{{ DLUX_STRINGS.tbl_email_header|default:'Email' }}</th>
                    <th>{{ DLUX_STRINGS.tbl_name_header|default:'Name' }}</th>
                    <th>{{ DLUX_STRINGS.tbl_created_header|default:'Created' }}</th>
                    <th class="text-end">{{ DLUX_STRINGS.actions|default:'Actions' }}</th>
                </tr>
            </thead>
            <tbody>
                {% for registration in registrations %}
                    <tr>
                        <td>{{ registration.email }}</td>
                        <td>{{ registration.user.get_full_name|default:registration.user.username }}</td>
                        <td>{{ registration.created_at }}</td>
                        <td class="text-end">
                            <form method="post" action="{% url 'approve_registration' registration.pk %}" class="d-inline">
                                {% csrf_token %}
                                <button type="submit" class="btn btn-sm btn-success">{{ DLUX_STRINGS.btn_approve|default:'Approve' }}</button>
                            </form>
                            <form method="post" action="{% url 'reject_registration' registration.pk %}" class="d-inline">
                                {% csrf_token %}
                                <button type="submit" class="btn btn-sm btn-outline-danger">{{ DLUX_STRINGS.btn_reject|default:'Reject' }}</button>
                            </form>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="4" class="text-muted">{{ DLUX_STRINGS.no_pending_registrations|default:'No pending registrations.' }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}