{% extends "page.html" %}
{% block page_content %}
<style>
.tab-bar { display:flex; gap:0; margin-bottom:24px; border-bottom:2px solid var(--border); }
.tab-bar .tab { padding:10px 20px; cursor:pointer; border-bottom:2px solid transparent;
                margin-bottom:-2px; color:var(--text-muted); font-weight:500; }
.tab-bar .tab.active { color:var(--accent); border-bottom-color:var(--accent); }
.tab-content { display:none; }
.tab-content.active { display:block; }
</style>
<div class="card">
    <div class="card-header"><h2>Настройка портала</h2></div>
    <div class="tab-bar">
        <div class="tab active" onclick="switchTab('general')">Общие</div>
        <div class="tab" onclick="switchTab('documents')">Управление документами</div>
    </div>

    <div class="tab-content active" id="tab-general">
        <form id="portal-settings-form" class="form-grid">
            <h3 style="grid-column:1/-1;margin:0 0 8px;">Yandex GPT</h3>
            <div class="form-group"><label>Ключ YandexGPT (пусто = ключевые слова)</label>
                <input type="text" name="yandex_gpt_key" id="yandex_gpt_key" placeholder="Api-Key ..."></div>
            <div class="form-group"><label>Yandex Folder ID</label>
                <input type="text" name="yandex_folder_id" id="yandex_folder_id" placeholder="b1g..."></div>

            <h3 style="grid-column:1/-1;margin:16px 0 8px;">Yandex Disk</h3>
            <div class="form-group"><label>OAuth-токен Яндекс.Диска</label>
                <input type="text" name="yandex_disk_token" id="yandex_disk_token"></div>
            <div class="form-group"><label>Корневая папка</label>
                <input type="text" name="yandex_disk_root" id="yandex_disk_root" placeholder="/AegisOne_Service"></div>
            <div class="form-group"><label>Client ID</label>
                <input type="text" name="yandex_disk_client_id" id="yandex_disk_client_id"></div>
            <div class="form-group"><label>Client Secret</label>
                <input type="text" name="yandex_disk_client_secret" id="yandex_disk_client_secret"></div>
            <div class="form-actions" style="grid-column:1/-1;">
                <button type="submit" class="btn btn-primary">Сохранить</button>
            </div>
        </form>
    </div>

    <div class="tab-content" id="tab-documents">
        <p>Управление доступом к документам:</p>
        <a href="/service/documents/admin/permissions" class="btn btn-primary">Перейти к управлению документами</a>
    </div>
</div>
<script>
function switchTab(name){
    document.querySelectorAll('.tab-content').forEach(function(t){ t.classList.remove('active'); });
    document.querySelectorAll('.tab').forEach(function(t){ t.classList.remove('active'); });
    document.getElementById('tab-' + name).classList.add('active');
    document.querySelector('.tab[onclick*="' + name + '"]').classList.add('active');
}
document.getElementById('portal-settings-form').addEventListener('submit', function(e){
    e.preventDefault();
    var data = {};
    this.querySelectorAll('input').forEach(function(el){
        if(el.name) data[el.name] = el.value;
    });
    fetch('/service/api/bot/settings/save', {
        method: 'POST', headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(data)
    }).then(function(r){ return r.json() }).then(function(d){
        if(d.ok) showNotification('Настройки сохранены', 'success');
        else showNotification('Ошибка сохранения', 'error');
    });
});
fetch('/service/api/bot/settings').then(function(r){ return r.json() }).then(function(d){
    ['yandex_gpt_key','yandex_folder_id','yandex_disk_token','yandex_disk_root',
     'yandex_disk_client_id','yandex_disk_client_secret'].forEach(function(k){
        var el = document.getElementById(k);
        if(el) el.value = d[k] || '';
    });
});
</script>
{% endblock %}