{% extends "page.html" %}
{% block page_content %}
<div class="card">
    <div class="card-header"><h2>База знаний бота</h2>
        <button class="btn btn-primary btn-sm" onclick="showCreateKB()">+ Добавить</button>
    </div>
    <div class="table-wrap"><table><thead><tr><th>Вопрос</th><th>Категория</th><th>Активна</th><th class="actions"></th></tr></thead>
        <tbody id="kb-list"></tbody></table>
    </div>
</div>
<div class="modal-overlay" id="modal-kb"><div class="modal">
    <button type="button" class="modal-close" onclick="this.closest('.modal-overlay').classList.remove('open')">✕</button>
    <h2 id="modal-kb-title">Новая запись</h2>
    <form id="modal-kb-form">
        <input type="hidden" name="id" id="kb-id">
        <div class="form-group"><label>Вопрос</label><input type="text" name="question" id="kb-question" required></div>
        <div class="form-group"><label>Ответ</label><textarea name="answer" id="kb-answer" rows="4" required></textarea></div>
        <div class="form-group"><label>Категория</label><input type="text" name="category" id="kb-category"></div>
        <div class="form-group"><label>Ключевые слова (через запятую)</label><input type="text" name="keywords" id="kb-keywords"></div>
        <div class="form-group"><label><input type="checkbox" name="active" id="kb-active" checked> Активна</label></div>
        <div class="form-actions"><button type="submit" class="btn btn-primary">Сохранить</button>
        <button type="button" class="btn btn-secondary" onclick="this.closest('.modal-overlay').classList.remove('open')">Отмена</button></div>
    </form>
</div></div>
<script>
function loadKB(){
    fetch('/service/api/bot/kb').then(function(r){ return r.json() }).then(function(entries){
        var tbody = document.getElementById('kb-list');
        tbody.innerHTML = '';
        entries.forEach(function(e){
            var tr = document.createElement('tr');
            tr.innerHTML = '<td>' + e.question + '</td><td>' + e.category + '</td><td>' + (e.active?'✅':'❌') + '</td><td class="actions">' +
                '<button class="btn btn-secondary btn-sm" onclick="editKB(' + JSON.stringify(e).replace(/"/g,'&quot;') + ')">✎</button>' +
                '<form method="post" action="/service/api/bot/kb/delete" style="display:inline" onsubmit="return confirm(\'Удалить?\')">' +
                '<input type="hidden" name="id" value="' + e.id + '"><button class="btn btn-danger btn-sm">✕</button></form></td>';
            tbody.appendChild(tr);
        });
    });
}
function showCreateKB(){
    document.getElementById('modal-kb-title').textContent = 'Новая запись';
    document.getElementById('kb-id').value = '';
    document.getElementById('kb-question').value = '';
    document.getElementById('kb-answer').value = '';
    document.getElementById('kb-category').value = '';
    document.getElementById('kb-keywords').value = '';
    document.getElementById('kb-active').checked = true;
    document.getElementById('modal-kb').classList.add('open');
}
function editKB(e){
    document.getElementById('modal-kb-title').textContent = 'Редактировать';
    document.getElementById('kb-id').value = e.id;
    document.getElementById('kb-question').value = e.question;
    document.getElementById('kb-answer').value = e.answer;
    document.getElementById('kb-category').value = e.category;
    document.getElementById('kb-keywords').value = (e.keywords||[]).join(', ');
    document.getElementById('kb-active').checked = e.active;
    document.getElementById('modal-kb').classList.add('open');
}
document.getElementById('modal-kb-form').addEventListener('submit', function(e){
    e.preventDefault();
    var data = {
        id: document.getElementById('kb-id').value,
        question: document.getElementById('kb-question').value,
        answer: document.getElementById('kb-answer').value,
        category: document.getElementById('kb-category').value,
        keywords: document.getElementById('kb-keywords').value.split(',').map(function(s){return s.trim()}).filter(Boolean),
        active: document.getElementById('kb-active').checked,
    };
    var url = data.id ? '/service/api/bot/kb/edit' : '/service/api/bot/kb/create';
    fetch(url, {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(data)})
    .then(function(r){ return r.json() }).then(function(d){
        if(d.ok){ document.getElementById('modal-kb').classList.remove('open'); loadKB(); }
    });
});
loadKB();
</script>
{% endblock %}