{% extends 'base.html' %}
{% block content %}<h1 class="h3">{{ t('messages') }}</h1>
<ul class="nav nav-tabs" role="tablist"><li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#comments">{{ t('comments') }}</button></li><li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#dms">{{ t('direct_messages') }}</button></li><li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#follows">{{ t('follow_checks') }}</button></li></ul>
<div class="tab-content bg-white border border-top-0 p-2"><div class="tab-pane fade show active" id="comments"><div class="table-responsive"><table class="table table-sm"><thead><tr><th>ID</th><th>User</th><th>Original</th><th>Normalized</th><th>Automation</th><th>Status</th><th>Error</th></tr></thead><tbody>{% for r in comments %}<tr><td>{{ r.comment_id }}</td><td>{{ r.username }}<br><small>{{ r.user_id }}</small></td><td>{{ r.original_text }}</td><td>{{ r.normalized_text }}</td><td>{{ r.automation_id or '-' }}</td><td>{{ r.reply_status }}</td><td>{{ r.error or '-' }}</td></tr>{% endfor %}</tbody></table></div></div><div class="tab-pane fade" id="dms"><div class="table-responsive"><table class="table table-sm"><thead><tr><th>ID</th><th>User</th><th>Original</th><th>Normalized</th><th>Automation</th><th>Status</th><th>Error</th></tr></thead><tbody>{% for r in dms %}<tr><td>{{ r.message_id }}</td><td>{{ r.username }}<br><small>{{ r.user_id }}</small></td><td>{{ r.original_text }}</td><td>{{ r.normalized_text }}</td><td>{{ r.automation_id or '-' }}</td><td>{{ r.reply_status }}</td><td>{{ r.error or '-' }}</td></tr>{% endfor %}</tbody></table></div></div><div class="tab-pane fade" id="follows"><div class="table-responsive"><table class="table table-sm"><thead><tr><th>User</th><th>Result</th><th>Source</th><th>ms</th><th>Error</th><th>Date</th></tr></thead><tbody>{% for r in follows %}<tr><td>{{ r.username }} {{ r.instagram_user_id }}</td><td>{{ r.result }}</td><td>{{ r.source }}</td><td>{{ r.duration_ms }}</td><td>{{ r.error or '-' }}</td><td>{{ r.checked_at }}</td></tr>{% endfor %}</tbody></table></div></div></div>
{% endblock %}