{%- import "partials/_ui.html" as ui -%}
{% if appeals.is_empty() %}
{% call ui::empty_state("", "No pending appeals.") %}
{% else %}
<div class="scroll-x">
<table class="compact-table minw-700" aria-label="Pending appeals">
    <thead>
        <tr>
            <th>User</th>
            <th>Suspension Reason</th>
            <th>Appeal</th>
            <th>Submitted</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
    {% for appeal in appeals %}
        <tr>
            <td>
                {{ appeal.username }}
                <div class="text-xs dimmed">{{ appeal.email }}</div>
            </td>
            <td class="admin-entries-reason">
                {{ appeal.suspension_reason.as_deref().unwrap_or("No reason given") }}
            </td>
            <td class="admin-entries-appeal">{{ appeal.appeal_text }}</td>
            <td class="text-sm nowrap">{{ appeal.appeal_submitted_at }}</td>
            <td>
                <form class="decide-form"
                      hx-post="/api/admin/appeals/{{ appeal.user_id }}/decide"
                      hx-target="#appeals-table"
                      hx-swap="innerHTML">
                    <textarea name="response" placeholder="Response to user..." rows="2" required class="admin-entries-decide-textarea"></textarea>
                    <div class="admin-entries-decide-actions">
                        <button type="submit" name="decision" value="approved" class="btn-primary small"
                                hx-confirm="Approve this appeal and unsuspend the user?">Approve</button>
                        <button type="submit" name="decision" value="denied" class="btn-danger small"
                                hx-confirm="Deny this appeal?">Deny</button>
                    </div>
                </form>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% endif %}