{%- import "partials/_ui.html" as ui -%}
{% if reports.is_empty() %}
{% call ui::empty_state("", "No reports found.") %}{% endcall %}
{% else %}
<table class="admin-report-table">
    <thead>
        <tr>
            <th>Reporter</th>
            <th>Type</th>
            <th>Target</th>
            <th>Owner</th>
            <th>Reason</th>
            <th>Date</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for report in reports %}
        <tr>
            <td>{{ report.reporter_username }}</td>
            <td>{{ report.report_type }}</td>
            <td>
                {% if report.target_type == "project" %}
                <a href="/p/{{ report.target_slug_or_id }}">{{ report.target_title }}</a>
                {% else %}
                <a href="/i/{{ report.target_slug_or_id }}">{{ report.target_title }}</a>
                {% endif %}
                <span class="admin-report-target-type">({{ report.target_type }})</span>
                {% if report.has_custom_page() %}
                <details class="admin-report-custom">
                    <summary>Custom page source</summary>
                    {% if !report.custom_html.is_empty() %}
                    <strong>HTML</strong>
                    <pre class="admin-report-code">{{ report.custom_html }}</pre>
                    {% endif %}
                    {% if !report.custom_css.is_empty() %}
                    <strong>CSS</strong>
                    <pre class="admin-report-code">{{ report.custom_css }}</pre>
                    {% endif %}
                </details>
                {% endif %}
            </td>
            <td>{{ report.target_owner }}</td>
            <td class="admin-report-reason" title="{{ report.reason }}">{{ report.reason }}</td>
            <td class="admin-report-date">{{ report.created_at }}</td>
            <td>
                {% if report.status == "open" %}
                <span class="admin-report-status-open">open</span>
                {% else if report.status == "resolved" %}
                <span class="admin-report-status-closed">resolved</span>
                {% else %}
                <span class="admin-report-status-closed">dismissed</span>
                {% endif %}
            </td>
            <td>
                {% if report.status == "open" %}
                <form class="admin-report-resolve-form"
                      hx-post="/api/admin/reports/{{ report.id }}/resolve"
                      hx-target="#reports-table"
                      hx-swap="innerHTML">
                    <input type="hidden" name="decision" value="resolve">
                    <input type="text" name="admin_notes" placeholder="Notes...">
                    <button type="submit" class="btn-primary small">Resolve</button>
                </form>
                <form class="admin-report-dismiss-form"
                      hx-post="/api/admin/reports/{{ report.id }}/resolve"
                      hx-target="#reports-table"
                      hx-swap="innerHTML">
                    <input type="hidden" name="decision" value="dismiss">
                    <input type="hidden" name="admin_notes" value="">
                    <button type="submit" class="btn-secondary small">Dismiss</button>
                </form>
                {% else if report.admin_notes.is_some() %}
                <span class="admin-report-admin-notes" title="{{ report.admin_notes.as_deref().unwrap_or_default() }}">{{ report.admin_notes.as_deref().unwrap_or_default() }}</span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endif %}