import { api } from '../services/api.js';
import { showToast } from '../ui/toast.js';
export async function renderSettingsSection(guildId) {
    const section = document.getElementById('section-settings');
    if (!section)
        return;
    section.innerHTML = '<p class="muted">Lade Einstellungen...</p>';
    try {
        const data = await api.settings(guildId);
        const settings = data?.settings || {};
        section.innerHTML = `
      <h2 class="section-title">Einstellungen</h2>
      <div class="card">
        <pre style="white-space:pre-wrap;">${JSON.stringify(settings, null, 2)}</pre>
      </div>
    `;
    }
    catch (err) {
        console.error(err);
        section.innerHTML = '<div class="empty-state">Einstellungen konnten nicht geladen werden.</div>';
        showToast('Fehler beim Laden der Einstellungen', true);
    }
}