{% extends "page.html" %}
{% block page_content %}
<div class="card">
    <div class="card-header"><h2>Диалоги бота</h2></div>
    <div class="table-wrap"><table><thead><tr><th>ID</th><th>Пользователь</th><th>Статус</th><th>Приоритет</th><th>Обращение</th><th>Дата</th></tr></thead>
        <tbody id="convs-list"></tbody></table>
    </div>
</div>
<script>
fetch('/service/api/bot/conversations').then(function(r){ return r.json() }).then(function(convs){
    var tbody = document.getElementById('convs-list');
    convs.forEach(function(c){
        var tr = document.createElement('tr');
        var statusClass = c.status === 'open' ? 'badge-progress' : c.status === 'closed' ? 'badge-done' : 'badge-default';
        tr.innerHTML = '<td>' + c.id + '</td><td>' + c.user_name + '</td><td><span class="badge ' + statusClass + '">' + c.status + '</span></td><td>' + c.priority + '</td><td>' + c.inquiry_text + '</td><td>' + c.created_at + '</td>';
        tbody.appendChild(tr);
    });
});
</script>
{% endblock %}