import Link from "next/link";
import { ActionForm } from "@/components/action-form";
import { Input } from "@/components/ui/input";
import { SubmitButton } from "@/components/submit-button";
import { buttonVariants } from "@/components/ui/button";
import { relayDesired, relayInventory, type RelayRoute } from "@/lib/relays";
import { ensureDb } from "@/lib/db";
import { listNodes } from "@/lib/store";
import { formatLocalDateTime } from "@/lib/datetime";
import {
  saveHostAction,
  saveRouteAction,
  deleteHostAction,
  deleteRouteAction,
} from "./actions";
export default async function RelaysPage() {
  const [{ hosts, routes }, nodes, db] = await Promise.all([
    relayInventory(),
    listNodes(),
    ensureDb(),
  ]);
  const targets = nodes.filter((n) => ["hy2", "anytls"].includes(n.node_type));
  const now = new Date().getTime();
  const states = new Map(
    hosts.map((h) => [
      h.id,
      !h.enabled
        ? "已停用"
        : !h.last_seen_at
          ? "等待安装"
          : now - Date.parse(h.last_seen_at) > 90000
            ? "离线"
            : h.error
              ? h.error === "port_conflict"
                ? "端口冲突"
                : "应用失败"
              : h.applied_hash !== relayDesired(db, h).hash
                ? "等待应用"
                : relayDesired(db, h).config.endpoints.length === 0
                  ? "待添加线路"
                  : h.service_active
                    ? "配置已应用"
                    : "服务未运行",
    ]),
  );
  const routeForm = (r?: RelayRoute) => (
    <ActionForm
      action={saveRouteAction}
      className="dense-form-grid provision-form"
    >
      {r && <input name="id" type="hidden" value={r.id} />}
      <label className="field">
        <span>线路名称</span>
        <Input
          name="name"
          required
          defaultValue={r?.name}
          placeholder="JP2 - AnyTLS · 经 HK2"
        />
      </label>
      <label className="field">
        <span>中转主机</span>
        <select
          aria-label="中转主机"
          name="host_id"
          required
          defaultValue={r?.host_id || ""}
        >
          <option value="" disabled>
            选择入口主机
          </option>
          {hosts.map((h) => (
            <option key={h.id} value={h.id}>
              {h.name}
            </option>
          ))}
        </select>
      </label>
      <label className="field">
        <span>目标节点</span>
        <select
          aria-label="目标节点"
          name="node_id"
          required
          defaultValue={r?.node_id || ""}
        >
          <option value="" disabled>
            选择托管节点
          </option>
          {targets.map((n) => (
            <option key={n.id} value={n.id}>
              {n.name} · {n.node_type === "hy2" ? "UDP" : "TCP"}
            </option>
          ))}
        </select>
      </label>
      <label className="field">
        <span>公网端口</span>
        <Input
          name="public_port"
          type="number"
          min={1}
          max={65535}
          required
          defaultValue={r?.public_port}
        />
      </label>
      <label className="field">
        <span>本机监听端口</span>
        <Input
          name="listen_port"
          type="number"
          min={1}
          max={65535}
          required
          defaultValue={r?.listen_port}
        />
      </label>
      <label className="checkbox">
        <input
          type="checkbox"
          name="enabled"
          defaultChecked={r ? Boolean(r.enabled) : true}
        />
        <span>启用线路</span>
      </label>
      <SubmitButton>{r ? "保存线路" : "创建线路"}</SubmitButton>
    </ActionForm>
  );
  return (
    <main className="page-stack management-page">
      <section className="hero-panel">
        <div className="hero-copy">
          <h2>中转线路</h2>
          <p className="muted">
            入口主机透传 TCP / UDP，目标节点继续认证与计量，保留直连。
          </p>
        </div>
        <Link
          href="/admin/subscriptions"
          className={buttonVariants({ variant: "outline", size: "sm" })}
        >
          订阅排序与分组
        </Link>
      </section>
      <section className="panel-card compact-create-panel">
        <details open={!hosts.length}>
          <summary className="compact-create-summary">
            <h3>新增中转主机</h3>
          </summary>
          <ActionForm
            action={saveHostAction}
            className="dense-form-grid provision-form"
          >
            <label className="field">
              <span>主机名称</span>
              <Input name="name" required placeholder="HK2" />
            </label>
            <label className="field">
              <span>公网域名 / IP</span>
              <Input
                name="server_host"
                required
                placeholder="hk2.p.xn--876a.net"
              />
            </label>
            <input type="hidden" name="enabled" value="on" />
            <SubmitButton>创建主机</SubmitButton>
          </ActionForm>
        </details>
      </section>
      <section className="panel-card dense-panel">
        <div className="section-title">
          <h3>中转主机</h3>
          <span>{hosts.length} 台</span>
        </div>
        <div className="provision-list">
          {hosts.map((h) => (
            <details key={h.id} className="group-disclosure">
              <summary className="group-summary">
                <strong>{h.name}</strong>
                <span className="muted break-all">{h.server_host}</span>
                <span>{states.get(h.id)}</span>
              </summary>
              <p className="muted">
                最近上报：
                {h.last_seen_at
                  ? formatLocalDateTime(h.last_seen_at)
                  : "尚未上报"}
                。状态代表配置和进程，不代表大陆线路质量。
              </p>
              <ActionForm
                action={saveHostAction}
                className="dense-form-grid provision-form"
              >
                <input type="hidden" name="id" value={h.id} />
                <label className="field">
                  <span>主机名称</span>
                  <Input name="name" defaultValue={h.name} required />
                </label>
                <label className="field">
                  <span>公网域名 / IP</span>
                  <Input
                    name="server_host"
                    defaultValue={h.server_host}
                    required
                  />
                </label>
                <label className="checkbox">
                  <input
                    type="checkbox"
                    name="enabled"
                    defaultChecked={Boolean(h.enabled)}
                  />
                  <span>启用主机</span>
                </label>
                <SubmitButton>保存主机</SubmitButton>
              </ActionForm>
              <div className="entity-action-strip">
                <a
                  className={buttonVariants({ variant: "outline", size: "sm" })}
                  href={`/api/admin/relays/${h.id}/install`}
                >
                  下载安装 SH
                </a>
                <ActionForm action={deleteHostAction}>
                  <input type="hidden" name="id" value={h.id} />
                  <SubmitButton
                    variant="destructive"
                    confirm="删除该主机及其全部中转线路；管理程序收到撤销后停止中转。"
                  >
                    删除主机
                  </SubmitButton>
                </ActionForm>
              </div>
            </details>
          ))}
        </div>
        <p className="muted">
          以 root 在入口主机执行脚本，使用独立 Realm
          服务。脚本含管理凭据，请妥善保管。仅开放线路所需端口；不需要额外的公网管理端口或证书。
        </p>
      </section>
      <section className="panel-card compact-create-panel">
        <details open={hosts.length > 0 && !routes.length}>
          <summary className="compact-create-summary">
            <h3>新增中转线路</h3>
          </summary>
          {routeForm()}
        </details>
      </section>
      <section className="panel-card dense-panel">
        <div className="section-title">
          <h3>线路列表</h3>
          <span>{routes.length} 条</span>
        </div>
        <p className="muted">
          端口相同表示无 NAT 端口转换。配置约 15
          秒同步，应用变更会中断该主机已有中转连接；服务失联超过 90
          秒停止转发。仅配置已应用的线路进入订阅，SNI 和凭据继承目标节点。UDP
          业务仍可通过 AnyTLS 的 TCP 隧道转发。
        </p>
        {routes.map((r) => {
          const h = hosts.find((h) => h.id === r.host_id),
            n = nodes.find((n) => n.id === r.node_id);
          return (
            <details key={r.id} className="group-disclosure">
              <summary className="group-summary">
                <strong>{r.name}</strong>
                <span>
                  {n?.node_type === "hy2" ? "UDP" : "TCP"} ·{" "}
                  {r.enabled ? states.get(r.host_id) : "已停用"}
                </span>
              </summary>
              <p className="muted break-all">
                {h?.server_host}:{r.public_port} → 本机 :{r.listen_port} →{" "}
                {n?.server_host}:{n?.server_port}
                {!n?.enabled ? "（目标已停用）" : ""}
              </p>
              {routeForm(r)}
              <ActionForm action={deleteRouteAction}>
                <input type="hidden" name="id" value={r.id} />
                <SubmitButton
                  variant="destructive"
                  confirm="删除这条中转线路，保留原目标节点与直连。"
                >
                  删除线路
                </SubmitButton>
              </ActionForm>
            </details>
          );
        })}
      </section>
    </main>
  );
}