{% extends 'admin/base_admin.html.twig' %}
{% block title %}Assistant IA{% endblock %}
{% block breadcrumb %}Assistant IA{% endblock %}
{% block content %}
    <div class="head-row">
        <h1 class="page-title" style="font-size:24px">Conversations — Assistant IA</h1>
    </div>

    <form method="get" style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px">
        <label class="field" style="margin:0"><span>Statut</span>
            <select name="status">
                <option value="">Tous</option>
                {% for s in statuses %}<option value="{{ s.value }}" {{ status == s.value ? 'selected' }}>{{ s.label }}</option>{% endfor %}
            </select>
        </label>
        <label class="field" style="margin:0"><span>Depuis le</span><input type="date" name="from" value="{{ from }}"></label>
        <button class="btn btn--ghost" type="submit">Filtrer</button>
    </form>

    <div class="card table-wrap"><div class="table-scroll">
        <table class="data">
            <thead><tr><th>VISITEUR</th><th>SECTEUR</th><th>MESSAGES</th><th>MAJ</th><th>STATUT</th><th style="text-align:right">ACTION</th></tr></thead>
            <tbody>
            {% for c in items %}
                <tr{% if not c.read %} style="font-weight:600"{% endif %}>
                    <td>{% if not c.read %}<span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:8px"></span>{% endif %}{{ c.visitorName ?? 'Visiteur anonyme' }}</td>
                    <td style="text-transform:capitalize;color:var(--muted)">{{ c.sector }}</td>
                    <td>{{ c.messages|length }}</td>
                    <td style="color:var(--muted);white-space:nowrap">{{ c.updatedAt|date('d/m/Y H:i') }}</td>
                    <td><span class="st-badge {{ c.status.value == 'escalade' ? 'st-new' : (c.status.value == 'resolu' ? 'st-published' : 'st-draft') }}"><span></span>{{ c.status.label }}</span></td>
                    <td style="text-align:right;white-space:nowrap">
                        <a class="pill-btn" href="{{ path('admin_chatbot_show', {id: c.id}) }}">Ouvrir</a>
                        <form method="post" action="{{ path('admin_chatbot_delete', {id: c.id}) }}" style="display:inline" onsubmit="return confirm('Supprimer cette conversation ?')">
                            <button class="cb-remove" type="submit" title="Supprimer" style="background:none;border:0;color:var(--red);cursor:pointer">✕</button>
                        </form>
                    </td>
                </tr>
            {% else %}<tr><td colspan="6" style="color:var(--muted)">Aucune conversation.</td></tr>{% endfor %}
            </tbody>
        </table>
    </div></div>

    <div class="card card--pad" style="margin-top:18px">
        <h2 style="font-family:var(--title);font-size:15px;margin:0 0 4px">Purge RGPD</h2>
        <p class="page-sub" style="margin:0 0 12px">Les conversations sont supprimées automatiquement après 90 jours. Vous pouvez aussi purger manuellement.</p>
        <form method="post" action="{{ path('admin_chatbot_purge') }}" style="display:flex;gap:12px;align-items:flex-end" onsubmit="return confirm('Supprimer toutes les conversations avant cette date ?')">
            <label class="field" style="margin:0"><span>Tout supprimer avant le</span><input type="date" name="before" required></label>
            <button class="btn btn--ghost" type="submit" style="color:var(--red);border-color:var(--red)">Purger</button>
        </form>
    </div>
{% endblock %}