{% extends "base.html" %}
{% block title %}Paramètres — Aura{% endblock %}

{% block content %}
<h1 style="font-size: 1.3rem; font-weight: 700; margin-bottom: 1.5rem;">Paramètres</h1>

<div class="card">
    <h2>Configuration courante</h2>
    <div id="alert" style="display:none;"></div>

    <div>
        <label>Projet par défaut</label>
        <input type="text" id="default_project"
               value="{{ config.get('default_project', '') }}"
               placeholder="mon-projet">
    </div>
    <div>
        <label>Organisation</label>
        <input type="text" id="organization"
               value="{{ config.get('organization', '') }}"
               placeholder="CEVIA">
    </div>
    <button class="btn btn-primary" onclick="saveSettings()">Sauvegarder</button>
</div>

<div class="card">
    <h2>Déconnexion</h2>
    <p style="color: #9ca3af; font-size: 0.85rem; margin-bottom: 1rem;">
        Supprime le fichier de configuration local (~/.aura.config).
        Vous devrez vous reconnecter au prochain lancement.
    </p>
    <button class="btn btn-danger" onclick="logout()">Se déconnecter</button>
</div>
{% endblock %}

{% block scripts %}
<script>
async function saveSettings() {
    const alert = document.getElementById('alert');
    const res = await fetch('/config/', {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            default_project: document.getElementById('default_project').value || null,
            organization: document.getElementById('organization').value || null,
        }),
    });
    const data = await res.json();
    alert.className = res.ok ? 'alert alert-success' : 'alert alert-error';
    alert.textContent = res.ok ? 'Paramètres sauvegardés.' : (data.detail || 'Erreur.');
    alert.style.display = 'block';
}

async function logout() {
    if (!confirm('Se déconnecter ? La configuration locale sera supprimée.')) return;
    await fetch('/auth/logout', { method: 'POST' });
    window.location.href = '/login';
}
</script>
{% endblock %}