import { a7 as head, a4 as escape_html, a6 as attr, a3 as attr_class } from '../../../chunks/index.js-BVnekaYQ.js';
import '../../../chunks/exports.js-8HOoaa4e.js';
import '../../../chunks/utils2.js-BQzn9ikS.js';
import '../../../chunks/utils.js-mIi_c4Oz.js';
import '../../../chunks/root.js-l4cSj5gU.js';
import '../../../chunks/state.svelte.js-DC2zSH9Y.js';
import { h as html } from '../../../chunks/html.js-FW6Ia4bL.js';
import '../../../chunks/false.js-B2gHlHjM.js';

function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data, form } = $$props;
    let working = false;
    head("hj1sc2", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Sistema · Inventario EDUmind</title>`);
      });
    });
    $$renderer2.push(`<div class="mb-6"><h1 class="text-2xl font-bold text-slate-900">Sistema</h1> <p class="text-slate-600">Modo de funcionamiento, acceso desde móviles y encendido.</p></div> `);
    if (form?.error) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<p class="mb-4 rounded-lg bg-red-50 px-4 py-3 text-sm font-medium text-red-700" role="alert">${escape_html(form.error)}</p>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--> `);
    if (form?.restarting) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<div class="mb-6 rounded-xl border border-brand-200 bg-brand-50 p-5"><p class="font-semibold text-brand-800">Reiniciando en modo ${escape_html(form.mode === "red" ? "red" : "local")}…</p> <p class="mt-1 text-sm text-brand-700">Espera unos segundos y abre esta dirección en este ordenador:</p> <a class="mt-2 inline-block font-mono text-brand-800 underline"${attr("href", form.url)}>${escape_html(form.url)}</a></div>`);
    } else if (form?.shuttingDown) {
      $$renderer2.push("<!--[1-->");
      $$renderer2.push(`<div class="mb-6 rounded-xl border border-slate-200 bg-slate-50 p-5"><p class="font-semibold text-slate-800">Apagando el servidor…</p> <p class="mt-1 text-sm text-slate-600">Para volver a usar la aplicación, abre de nuevo Inventario EDUmind desde su icono.</p></div>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--> <div class="grid gap-6 lg:grid-cols-2"><section class="card p-6"><h2 class="mb-4 font-semibold text-slate-900">Modo de funcionamiento</h2> <div class="mb-4 flex items-center gap-3"><span${attr_class(`badge ${data.mode === "red" ? "bg-brand-100 text-brand-800" : "bg-slate-100 text-slate-700"}`)}>${escape_html(data.mode === "red" ? "Compartido en la red" : "Solo este equipo")}</span></div> <p class="mb-4 text-sm text-slate-600">`);
    if (data.mode === "red") {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`La aplicación es accesible desde móviles y tablets de la misma WiFi del centro.`);
    } else {
      $$renderer2.push("<!--[-1-->");
      $$renderer2.push(`La aplicación solo funciona en este ordenador. Actívala en red para usarla desde móviles.`);
    }
    $$renderer2.push(`<!--]--></p> `);
    if (data.supervised) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<div class="flex flex-wrap gap-2">`);
      if (data.mode === "local") {
        $$renderer2.push("<!--[0-->");
        $$renderer2.push(`<form method="POST" action="?/setMode"><input type="hidden" name="mode" value="red"/> <button class="btn-primary" type="submit"${attr("disabled", working, true)}>Activar modo red</button></form>`);
      } else {
        $$renderer2.push("<!--[-1-->");
        $$renderer2.push(`<form method="POST" action="?/setMode"><input type="hidden" name="mode" value="local"/> <button class="btn-secondary" type="submit">Volver a solo este equipo</button></form>`);
      }
      $$renderer2.push(`<!--]--> <form method="POST" action="?/shutdown"><button class="btn-danger" type="submit">Apagar el servidor</button></form></div> <p class="mt-3 text-xs text-slate-400">Al cambiar de modo, el servidor se reinicia solo (unos segundos).</p>`);
    } else {
      $$renderer2.push("<!--[-1-->");
      $$renderer2.push(`<p class="rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-800">El cambio de modo y el apagado están disponibles en la <strong>app instalada</strong> (con su icono). En modo desarrollo se controla desde la terminal.</p>`);
    }
    $$renderer2.push(`<!--]--></section> <section class="card p-6"><h2 class="mb-4 font-semibold text-slate-900">Acceso desde móviles y tablets</h2> `);
    if (data.mode === "red" && data.qrSvg) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<div class="flex flex-col items-center text-center"><div class="w-44">${html(data.qrSvg)}</div> <p class="mt-3 text-sm text-slate-600">Escanea con la cámara del móvil (misma WiFi):</p> <a class="font-mono text-brand-700 hover:underline"${attr("href", data.networkUrl)}>${escape_html(data.networkUrl)}</a> <p class="mt-3 max-w-xs text-xs text-slate-400">La primera vez el móvil avisará del certificado: pulsa «Avanzado» → «Continuar». Luego,
					«Añadir a pantalla de inicio» para tenerlo como una app.</p></div>`);
    } else {
      $$renderer2.push("<!--[-1-->");
      $$renderer2.push(`<div class="rounded-lg border-2 border-dashed border-slate-200 p-8 text-center text-sm text-slate-500">Activa el <strong>modo red</strong> para obtener el código QR y la dirección con la que los
				móviles se conectan.</div>`);
    }
    $$renderer2.push(`<!--]--></section></div>`);
  });
}

export { _page as default };
//# sourceMappingURL=_page.svelte.js-KbgZ5e9i.js.map
