{% extends "base.html" %}

{% block title %}Настройки - AWM{% endblock %}

{% block content %}
<div class="card">
    <div class="toolbar">
        <h2 style="margin: 0;">⚙️ Настройки</h2>
        <a href="/license" class="btn btn-primary">
            <span>🔐</span> Лицензия
        </a>
    </div>
    
    <!-- Настройки дебаг лицензирования -->
    <div class="license-form">
        <h3>Отладка</h3>
        <form id="debug-settings-form" onsubmit="handleDebugSettingsSubmit(event)">
            <div class="form-group">
                <label>
                    <input type="checkbox" id="license-debug" name="license_debug">
                    Система лицензирования
                </label>
            </div>
            
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">
                    <span>💾</span> Сохранить настройки
                </button>
            </div>
        </form>
    </div>
    
    <!-- Информация о программе -->
    <div class="license-form">
        <div id="program-info">
            <div class="form-group">
                <label>Название:</label>
                <input type="text" id="program-name" readonly style="background: #f5f5f5;">
            </div>
            <div class="form-group">
                <label>Версия:</label>
                <input type="text" id="program-version" readonly style="background: #f5f5f5;">
            </div>
            <p style="color: #888;">Для обновления выполните - sudo apt upgrade awm -y</p>
        </div>
    </div>
    
    <!-- Логи лицензирования (если включен дебаг) -->
    <div class="license-form" id="debug-logs-section" style="display: none;">
        <h3>Логи лицензирования</h3>
        <div id="debug-logs" style="background: #1e1e1e; color: #d4d4d4; padding: 15px; border-radius: 4px; font-family: monospace; font-size: 12px; max-height: 400px; overflow-y: auto;">
            <p style="color: #888;">Логи будут отображаться здесь при включенном режиме отладки</p>
        </div>
        <button type="button" class="btn btn-secondary" onclick="clearDebugLogs()" style="margin-top: 10px;">
            <span>🗑️</span> Очистить логи
        </button>
    </div>
</div>

<style>
.license-form {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input[type="text"],
.form-group input[type="checkbox"] {
    margin-right: 5px;
}

.form-actions {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
</style>

<script>
// Загрузка настроек при загрузке страницы
document.addEventListener('DOMContentLoaded', async () => {
    await loadSettings();
    await loadProgramInfo();
});

async function loadSettings() {
    try {
        const response = await fetch('/api/settings/license-debug');
        if (response.ok) {
            const data = await response.json();
            document.getElementById('license-debug').checked = data.enabled || false;
            
            if (data.enabled) {
                document.getElementById('debug-logs-section').style.display = 'block';
            }
        }
    } catch (error) {
        console.error('Ошибка загрузки настроек:', error);
    }
}

async function loadProgramInfo() {
    try {
        const response = await fetch('/api/settings/program-info');
        if (response.ok) {
            const data = await response.json();
            document.getElementById('program-name').value = data.name || 'AWM';
            document.getElementById('program-version').value = data.version || '1.0.0';
        }
    } catch (error) {
        console.error('Ошибка загрузки информации о программе:', error);
    }
}

async function handleDebugSettingsSubmit(event) {
    event.preventDefault();
    
    const debugEnabled = document.getElementById('license-debug').checked;
    
    try {
        const response = await fetch('/api/settings/license-debug', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ enabled: debugEnabled })
        });
        
        const result = await response.json();
        
        if (response.ok) {
            alert('✅ Настройки сохранены');
            if (debugEnabled) {
                document.getElementById('debug-logs-section').style.display = 'block';
            } else {
                document.getElementById('debug-logs-section').style.display = 'none';
            }
        } else {
            alert('❌ Ошибка: ' + (result.detail || result.error || 'Неизвестная ошибка'));
        }
    } catch (error) {
        console.error('Ошибка:', error);
        alert('❌ Ошибка при сохранении настроек: ' + error.message);
    }
}

function clearDebugLogs() {
    document.getElementById('debug-logs').innerHTML = '<p style="color: #888;">Логи очищены</p>';
}
</script>
{% endblock %}