{% extends "base.html" %}

{% block title %}Settings{% endblock %}

{% block content %}
<div class="container" style="padding-top: 24px;">
    <div class="dashboard-header">
        <div>
            <h1 class="dashboard-title">⚙️ Settings</h1>
            <p style="color: var(--text-muted); margin-top: 4px;">Configure your AI Data Scientist experience</p>
        </div>
    </div>

    <div class="glass-card" style="max-width: 600px;">
        <h3 style="margin-bottom: 24px;"><i class="fas fa-cog" style="margin-right: 8px;"></i> Application Settings</h3>

        <div style="margin-bottom: 24px;">
            <label class="form-label">Theme</label>
            <div style="display: flex; gap: 12px;">
                <button class="btn-liquid active" style="flex: 1;">🌙 Dark (Current)</button>
            </div>
        </div>

        <div style="margin-bottom: 24px;">
            <label class="form-label">Auto-Analysis</label>
            <p style="color: var(--text-muted); font-size: 0.85rem; margin-bottom: 12px;">
                Automatically analyze datasets after upload
            </p>
            <div class="glass-card" style="display: flex; align-items: center; justify-content: space-between;">
                <span>Enabled</span>
                <span class="badge badge-success">ON</span>
            </div>
        </div>

        <div class="divider"></div>

        <h3 style="margin-bottom: 16px;"><i class="fas fa-database" style="margin-right: 8px;"></i> Data Management</h3>

        <button class="btn-liquid btn-liquid-danger" style="width: 100%; margin-bottom: 12px;" onclick="clearAllData()">
            <i class="fas fa-trash"></i> Clear All Session Data
        </button>
        <p style="color: var(--text-muted); font-size: 0.8rem;">This will remove all uploaded datasets and analysis results from your current session.</p>
    </div>
</div>

<script>
function clearAllData() {
    if (!confirm('Are you sure? This will clear all session data.')) return;

    fetch('/api/clear-dataset', { method: 'POST' })
        .then(() => {
            showAlert('All data cleared', 'success');
            setTimeout(() => window.location.href = '/', 1000);
        });
}
</script>
{% endblock %}