"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderStatuspageModule = renderStatuspageModule;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderStatuspageModule(guildId) {
    const container = document.getElementById('module-statuspage');
    if (!container)
        return;
    container.innerHTML = '<p class="muted">Lade Statuspage...</p>';
    try {
        const data = await api_js_1.api.statuspage(guildId);
        const cfg = data?.config || data || {};
        const services = cfg.services || [];
        container.innerHTML = `
      <h3 class="label">Statuspage</h3>
      <p class="muted">Channel: ${cfg.channelId || '-'}</p>
      <p class="muted">Intervall: ${cfg.interval || '-'}m</p>
      <p class="muted">Services: ${services.length}</p>
    `;
    }
    catch (err) {
        console.error(err);
        container.innerHTML = '<div class="empty-state">Statuspage konnte nicht geladen werden.</div>';
        (0, toast_js_1.showToast)('Fehler beim Laden der Statuspage', true);
    }
}