{% extends 'na_admin/layout.html.twig' %}

{% block page_title %}Signalements{% endblock %}

{% block content %}

{% for msg in app.flashes('success') %}
    <div class="na-alert na-alert-success">{{ msg }}</div>
{% endfor %}

{# ===== EN ATTENTE ===== #}
<div class="na-card" style="margin-bottom:1.5rem;">
    <div class="na-card-header">
        <h2>
            En attente
            {% if pending|length > 0 %}
                <span style="background:#e74c3c; color:white; font-size:0.72rem; border-radius:10px; padding:0.15rem 0.5rem; margin-left:0.4rem;">{{ pending|length }}</span>
            {% endif %}
        </h2>
    </div>
    {% if pending|length == 0 %}
        <div class="na-card-body" style="color:#6b7a99; text-align:center;">Aucun signalement en attente.</div>
    {% else %}
        <table class="na-table">
            <thead>
                <tr>
                    <th>Date</th><th>Type</th><th>Signalé par</th><th>Cible</th><th>Raison</th><th>Actions</th>
                </tr>
            </thead>
            <tbody>
            {% for report in pending %}
                <tr>
                    <td style="white-space:nowrap; color:#6b7a99;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                    <td>
                        {% if report.type == 'post' %}
                            <span class="na-badge na-badge-warning">Post</span>
                        {% else %}
                            <span class="na-badge na-badge-danger">Membre</span>
                        {% endif %}
                    </td>
                    <td><strong>{{ report.reporter.displayName }}</strong></td>
                    <td>
                        {% if report.type == 'post' and report.post %}
                            {{ report.post.author.displayName }}
                            — <a href="{{ path('app_feed', {'_locale': 'fr'}) }}#post-{{ report.post.id }}" target="_blank">Post #{{ report.post.id }}</a>
                        {% elseif report.reportedUser %}
                            <a href="{{ path('na_admin_user_detail', {'id': report.reportedUser.id}) }}">{{ report.reportedUser.displayName }}</a>
                        {% endif %}
                    </td>
                    <td style="color:#6b7a99; font-style:italic;">{{ report.reason ?? '—' }}</td>
                    <td>
                        <form action="{{ path('na_admin_report_review', {'id': report.id}) }}" method="post" style="display:inline; margin:0;">
                            <button type="submit" class="na-btn na-btn-sm na-btn-success">Traité</button>
                        </form>
                        <form action="{{ path('na_admin_report_ignore', {'id': report.id}) }}" method="post" style="display:inline; margin:0 0 0 0.3rem;">
                            <button type="submit" class="na-btn na-btn-sm na-btn-secondary">Ignorer</button>
                        </form>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}
</div>

{# ===== TRAITÉS ===== #}
{% if reviewed|length > 0 %}
<div class="na-card" style="margin-bottom:1.5rem;">
    <div class="na-card-header"><h2 style="color:#28a745;">Traités ({{ reviewed|length }})</h2></div>
    <table class="na-table" style="opacity:0.8;">
        <thead>
            <tr><th>Date</th><th>Type</th><th>Signalé par</th><th>Cible</th><th>Raison</th></tr>
        </thead>
        <tbody>
        {% for report in reviewed %}
            <tr>
                <td style="white-space:nowrap; color:#6b7a99;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                <td>
                    {% if report.type == 'post' %}<span class="na-badge na-badge-warning">Post</span>
                    {% else %}<span class="na-badge na-badge-danger">Membre</span>{% endif %}
                </td>
                <td>{{ report.reporter.displayName }}</td>
                <td>
                    {% if report.type == 'post' and report.post %}
                        {{ report.post.author.displayName }} — <a href="{{ path('app_feed', {'_locale': 'fr'}) }}#post-{{ report.post.id }}" target="_blank">Post #{{ report.post.id }}</a>
                    {% elseif report.reportedUser %}{{ report.reportedUser.displayName }}{% endif %}
                </td>
                <td style="color:#6b7a99; font-style:italic;">{{ report.reason ?? '—' }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{# ===== IGNORÉS ===== #}
{% if ignored|length > 0 %}
<div class="na-card">
    <div class="na-card-header"><h2 style="color:#6b7a99;">Ignorés ({{ ignored|length }})</h2></div>
    <table class="na-table" style="opacity:0.6;">
        <thead>
            <tr><th>Date</th><th>Type</th><th>Signalé par</th><th>Cible</th><th>Raison</th></tr>
        </thead>
        <tbody>
        {% for report in ignored %}
            <tr>
                <td style="white-space:nowrap; color:#6b7a99;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                <td>
                    {% if report.type == 'post' %}<span class="na-badge na-badge-warning">Post</span>
                    {% else %}<span class="na-badge na-badge-danger">Membre</span>{% endif %}
                </td>
                <td>{{ report.reporter.displayName }}</td>
                <td>
                    {% if report.type == 'post' and report.post %}
                        {{ report.post.author.displayName }} — <a href="{{ path('app_feed', {'_locale': 'fr'}) }}#post-{{ report.post.id }}" target="_blank">Post #{{ report.post.id }}</a>
                    {% elseif report.reportedUser %}{{ report.reportedUser.displayName }}{% endif %}
                </td>
                <td style="color:#6b7a99; font-style:italic;">{{ report.reason ?? '—' }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{% endblock %}