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

function refreshSoon() { document.dispatchEvent(new Event("mc:refresh")); }

function mount() {
  $("#wartung").innerHTML = `
    <div class="card-h"><h3>Dienste & Applikation</h3></div>
    <div class="btn-row">
      <button id="w-restart-swap" title="Startet die LLM-Engine neu. Dauer ca. 5 Sekunden.">llama-swap neustarten</button>
      <button id="w-restart-mc" title="Startet Mission Control (das Dashboard) neu.">Mission Control neustarten</button>
      <button id="w-update" title="Zieht den neuesten Code via Git und aktualisiert das Dashboard.">Mission Control System-Update</button>
      <button id="w-unload" class="ghost" title="Wirft alle derzeit in VRAM geladenen Modelle sofort raus.">Aus dem VRAM entfernen</button>
    </div>
    <div class="hint" style="margin-top:12px; margin-bottom:32px">
      Dienste starten via passwortlosem Sudo neu.
    </div>

    <div class="card-h"><h3>Betriebssystem (Bosgame)</h3></div>
    <div class="btn-row">
      <button id="w-os-update" title="Führt apt update & upgrade aus, um das Betriebssystem (Bosgame) zu aktualisieren.">OS-Updates installieren (apt update)</button>
      <button id="w-reboot" class="danger" title="Startet den gesamten Server physikalisch neu. Alles ist kurz offline.">Server Reboot</button>
    </div>
    <div class="hint" style="margin-top:12px; margin-bottom:32px">
      Für tiefe Eingriffe fragt das Dashboard einmalig das sudo-Passwort ab.
    </div>
    
    <div class="card-h">
      <h3>Live-Konsole</h3>
      <select id="w-console-sel" style="margin-left:auto; width:200px">
        <option value="llama-swap">llama-swap</option>
        <option value="mission-control">mission-control</option>
      </select>
    </div>
    <div id="w-console" style="background:#111; color:#0f0; font-family:monospace; font-size:12px; padding:12px; border-radius:8px; height:400px; overflow-y:auto; white-space:pre-wrap;">
      Verbinde...
    </div>`;

  $("#w-restart-swap").addEventListener("click", () => restartService("llama-swap"));
  $("#w-restart-mc").addEventListener("click", () => restartService("mission-control"));
  $("#w-update").addEventListener("click", update);
  $("#w-unload").addEventListener("click", unloadAll);
  
  $("#w-os-update").addEventListener("click", osUpdate);
  $("#w-reboot").addEventListener("click", rebootServer);
  
  $("#w-console-sel").addEventListener("change", () => connectConsole());
  connectConsole();
}

let ws = null;

function connectConsole() {
  if (ws) {
    ws.close();
    ws = null;
  }
  const svc = $("#w-console-sel").value;
  const out = $("#w-console");
  out.innerHTML = "Verbinde mit " + svc + "...\n";
  
  const proto = location.protocol === "https:" ? "wss:" : "ws:";
  const url = `${proto}//${location.host}/api/logs/${svc}?token=${getToken()}`;
  ws = new WebSocket(url);
  
  ws.onmessage = (e) => {
    out.innerHTML += e.data;
    out.scrollTop = out.scrollHeight;
  };
  ws.onclose = () => {
    out.innerHTML += "\n--- Verbindung getrennt ---";
  };
}

async function restartService(name) {
  try {
    await api("/api/service/" + name + "/restart", { method: "POST" });
    toast("Neustart ausgelöst: " + name);
    setTimeout(refreshSoon, 2000);
  } catch (e) { toast(e.message, true); }
}

async function osUpdate() {
  const pwd = window.prompt("Bitte sudo Passwort eingeben (für apt-get update & upgrade):");
  if (!pwd) return;
  try {
    const r = await api("/api/os-update", { method: "POST", body: JSON.stringify({ password: pwd }) });
    toast("OS-Update gestartet.");
    track(r.job_id);
  } catch (e) { toast(e.message, true); }
}

async function rebootServer() {
  if (!window.confirm("ACHTUNG: Server wird komplett neu gestartet. Fortfahren?")) return;
  const pwd = window.prompt("Bitte sudo Passwort eingeben (für reboot):");
  if (!pwd) return;
  try {
    await api("/api/reboot", { method: "POST", body: JSON.stringify({ password: pwd }) });
    toast("Reboot ausgelöst. UI ist gleich offline.");
  } catch (e) { toast(e.message, true); }
}

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(refreshSoon, 600);
  } catch (e) { toast(e.message, true); }
}

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