// maintenance.js — Wartungs-Karte: Container aktualisieren + alle Modelle entladen.
// Spaeter waechst hier das Server-Management an (Roadmap Feature 1).

import { api } from "../core/api.js";
import { $, toast } from "../core/ui.js";
import { track } from "./jobs.js";

function mount() {
  $("#wartung").innerHTML = `
    <div class="card-h"><h3>Wartung</h3></div>
    <div class="btn-row">
      <button id="w-update">Container aktualisieren</button>
      <button id="w-unload" class="danger">Alles aus dem Speicher</button>
    </div>
    <div class="hint" style="margin-top:12px">
      Update-Befehl wird per <span class="mono-sm">MC_UPDATE_CMD</span> gesetzt.
      Server-Steuerung (Dienste, OS-Updates, Reboot) folgt als eigener Bereich.
    </div>`;

  $("#w-update").addEventListener("click", update);
  $("#w-unload").addEventListener("click", unloadAll);
}

async function update() {
  try {
    const r = await api("/api/update", { method: "POST" });
    toast("Update läuft.");
    track(r.job_id);
  } catch (e) { toast(e.message, true); }
}

async function unloadAll() {
  try {
    await api("/api/unload", { method: "POST" });
    toast("Alle Modelle entladen.");
    setTimeout(() => document.dispatchEvent(new Event("mc:refresh")), 600);
  } catch (e) { toast(e.message, true); }
}

export default { id: "maintenance", mount };