"use client";

import { useSearchParams } from "next/navigation";
import { Suspense } from "react";

function ScadaIframe() {
  const params = useSearchParams();
  // ?worker=<user_id> 를 iframe 으로 전달해서 SCADA emergency 시 그 사용자 폰으로 알람 push.
  // 미지정이면 로컬 시연 모드 (폰 push 없음).
  const worker = params.get("worker") ?? "";
  const src = worker
    ? `/scada-demo/index.html?worker=${encodeURIComponent(worker)}`
    : "/scada-demo/index.html";

  return (
    <iframe
      src={src}
      title="INVYONE SCADA Stage-2 Demo"
      style={{
        width: "100%",
        height: "calc(100vh - 60px)",
        border: 0,
        display: "block",
      }}
    />
  );
}

export default function ScadaDemoPage() {
  return (
    <Suspense fallback={null}>
      <ScadaIframe />
    </Suspense>
  );
}
