{% extends '@EasyAdmin/page/content.html.twig' %}

{% block content_title %}Signalements{% endblock %}

{% block main %}
<div class="content-panel">

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

    {# ===== EN ATTENTE ===== #}
    <h3 style="color: #e74c3c; margin-bottom: 0.75rem;">
        En attente
        {% if pending|length > 0 %}
            <span class="badge" style="background:#e74c3c; color:white; margin-left:0.4rem;">{{ pending|length }}</span>
        {% else %}
            <small style="color:#aaa; font-weight:normal;">(0)</small>
        {% endif %}
    </h3>

    {% if pending|length == 0 %}
        <p class="text-muted" style="margin-bottom: 2rem;">Aucun signalement en attente.</p>
    {% else %}
        <table class="table table-striped table-hover" style="margin-bottom: 2rem;">
            <thead class="table-light">
                <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 class="text-muted" style="white-space:nowrap;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                    <td>
                        {% if report.type == 'post' %}
                            <span class="badge bg-warning text-dark">Post</span>
                        {% else %}
                            <span class="badge bg-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('app_member_view', {'_locale': 'fr', 'id': report.reportedUser.id}) }}" target="_blank">{{ report.reportedUser.displayName }}</a>
                        {% endif %}
                    </td>
                    <td class="text-muted fst-italic">{{ report.reason ?? '—' }}</td>
                    <td>
                        <form action="{{ path('admin_report_review', {'id': report.id}) }}" method="post" style="display:inline; margin:0;">
                            <button type="submit" class="btn btn-sm btn-success">Traité</button>
                        </form>
                        <form action="{{ path('admin_report_ignore', {'id': report.id}) }}" method="post" style="display:inline; margin:0 0 0 0.3rem;">
                            <button type="submit" class="btn btn-sm btn-secondary">Ignorer</button>
                        </form>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {# ===== TRAITÉS ===== #}
    {% if reviewed|length > 0 %}
        <h3 style="color:#28a745; margin-bottom:0.75rem;">Traités ({{ reviewed|length }})</h3>
        <table class="table table-striped table-sm" style="margin-bottom:2rem; opacity:0.8;">
            <thead class="table-light">
                <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 class="text-muted" style="white-space:nowrap;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                    <td>
                        {% if report.type == 'post' %}
                            <span class="badge bg-warning text-dark">Post</span>
                        {% else %}
                            <span class="badge bg-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 class="text-muted fst-italic">{{ report.reason ?? '—' }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {# ===== IGNORÉS ===== #}
    {% if ignored|length > 0 %}
        <h3 style="color:#6c757d; margin-bottom:0.75rem;">Ignorés ({{ ignored|length }})</h3>
        <table class="table table-striped table-sm" style="opacity:0.6;">
            <thead class="table-light">
                <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 class="text-muted" style="white-space:nowrap;">{{ report.createdAt|date('d/m/Y H:i') }}</td>
                    <td>
                        {% if report.type == 'post' %}
                            <span class="badge bg-warning text-dark">Post</span>
                        {% else %}
                            <span class="badge bg-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 class="text-muted fst-italic">{{ report.reason ?? '—' }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

</div>
{% endblock %}