{% extends "base.html" %}

{% block title %}Входящие DM{% endblock %}

{% block content %}
<div class="container-fluid">
    <h1 class="h3 mb-4">Входящие DM</h1>

    <div class="card mb-4">
        <div class="card-body">
            <h2 class="h5 mb-3">Журнал входящих (TTL 24ч)</h2>
            {% if dms %}
            <div class="table-responsive">
                <table class="tga-table tga-table-hover">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Аккаунт</th>
                            <th>Chat</th>
                            <th>Msg ID</th>
                            <th>Получено</th>
                            <th>Разобрано</th>
                            <th>Текст</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for dm in dms %}
                        <tr>
                            <td>{{ dm.id }}</td>
                            <td>{{ dm.phone }}</td>
                            <td>{{ dm.chat_id }}</td>
                            <td>{{ dm.message_id }}</td>
                            <td>{{ dm.received_at|local_dt }}</td>
                            <td>
                                {% if dm.processed %}
                                <span class="badge bg-secondary">да</span>
                                {% else %}
                                <span class="badge bg-warning text-dark">нет</span>
                                {% endif %}
                            </td>
                            <td>{{ (dm.text or "")[:100] }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info mb-0">Журнал пуст (записи живут не дольше 24ч).</div>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <h2 class="h5 mb-3">Черновики ответов</h2>
            {% if drafts %}
            <div class="table-responsive">
                <table class="tga-table tga-table-hover">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Журнал</th>
                            <th>Chat</th>
                            <th>Статус</th>
                            <th>Обновлён</th>
                            <th>Ответ</th>
                            <th>Действия</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for d in drafts %}
                        <tr>
                            <td>{{ d.id }}</td>
                            <td>{{ d.incoming_dm_id }}</td>
                            <td>{{ d.chat_id }}</td>
                            <td>
                                <span class="badge bg-{% if d.status == 'approved' %}success{% elif d.status == 'rejected' %}danger{% elif d.status == 'sent' %}primary{% elif d.status == 'sending' %}info{% else %}secondary{% endif %}">
                                    {{ d.status }}
                                </span>
                            </td>
                            <td>{{ d.updated_at|local_dt }}</td>
                            <td>{{ d.reply_text[:100] }}</td>
                            <td>
                                {% if d.status not in ('sending', 'sent') %}
                                <div class="btn-group btn-group-sm">
                                    <form method="post" action="/dms/drafts/{{ d.id }}/approve" class="d-inline" data-busy>
                                        <button type="submit" class="btn btn-outline-success">Одобрить</button>
                                    </form>
                                    <form method="post" action="/dms/drafts/{{ d.id }}/reject" class="d-inline" data-busy>
                                        <button type="submit" class="btn btn-outline-danger">Отклонить</button>
                                    </form>
                                </div>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info mb-0">Черновиков нет. Создание — CLI: <code>dm drafts create</code>.</div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}