import type { Metadata } from "next";
import Link from "next/link";
import { PublicShell, StatusPill } from "../components/Shells";
import { getPublicCommercialSnapshot } from "@/db/repository";
import { getPublicBetaPresentation } from "@/db/domain";

export const dynamic = "force-dynamic";

export const metadata: Metadata = {
  title: "免费公测政策",
  description: "NekoNest Cloud 前几个月免费公测，不绑定支付方式，也不创建报价或订单。",
};

export default async function PricingPage() {
  const commercial = await getPublicCommercialSnapshot();
  const betaActive = Boolean(commercial.beta);
  const publicBetaOpen = betaActive && commercial.blockedP0 === 0;
  const betaCopy = getPublicBetaPresentation(betaActive);

  return (
    <PublicShell>
      <section className="subpage-hero pricing-hero">
        <div className="subpage-hero-inner">
          <span className="eyebrow">PUBLIC BETA / 免费公测</span>
          <h1>先把连接体验做稳，再讨论收费。</h1>
          <p>
            {publicBetaOpen
              ? "当前面向国内个人用户免费测试，不绑定支付方式、不生成报价或订单，也不会在公测结束时自动扣款。"
              : betaActive
                ? "免费测试政策已经预设，但公开接入仍被冻结；当前仅向管理员明确邀请的闭测账户免费开放。"
              : "当前免费公测政策已经结束，但收费功能仍未开放。后续方案确定前不会自动创建订单或扣款。"}
          </p>
        </div>
      </section>

      <section className="section pricing-catalog-section">
        <div className="pricing-catalog">
          <article className="pricing-card beta-card featured-card">
            <div className="pricing-card-top">
              <StatusPill tone={publicBetaOpen ? "good" : betaActive ? "warn" : "neutral"}>{publicBetaOpen ? betaCopy.cardStatus : betaActive ? "邀请闭测" : betaCopy.cardStatus}</StatusPill>
              <span>{betaCopy.cardTitle}</span>
            </div>
            <h2>{betaCopy.priceValue}</h2>
            <p>{betaCopy.cardDescription}</p>
            <ul className="plain-list">
              <li>无需绑定支付方式</li>
              <li>不创建报价、订单或余额</li>
              <li>公测结束不会自动扣款</li>
              <li>容量与反滥用限制提前明示</li>
            </ul>
            <Link className="button button-light" href="/dashboard">{betaCopy.cta}</Link>
          </article>

          <article className="pricing-card">
            <div className="pricing-card-top">
              <StatusPill tone="info">以后再定</StatusPill>
              <span>未来收费</span>
            </div>
            <h2>尚未确定</h2>
            <p>什么时候收费、怎样收费以及具体价格，等真实用户量、资源成本和支持工作量有数据后再决定。</p>
            <ul className="plain-list">
              <li>不会把公测用户静默转成付费</li>
              <li>启用收费前会单独通知</li>
              <li>用户需要主动确认</li>
              <li>自托管路径继续免费</li>
            </ul>
            <button className="button button-secondary" type="button" disabled>收费功能未开放</button>
          </article>
        </div>
      </section>

      <section className="section policy-section">
        <div className="policy-grid">
          <div>
            <span className="eyebrow">BETA RULES</span>
            <h2>免费不等于规则不透明。</h2>
          </div>
          <dl className="rules-list">
            <div><dt>接入主机</dt><dd>后台可按公测容量调整允许接入的主机槽位；变更会在连接前明确显示。</dd></div>
            <div><dt>手机与浏览器</dt><dd>不消耗主机槽位，但仍受正常的安全、连接和反滥用限制。</dd></div>
            <div><dt>公测结束</dt><dd>只改变免费资格，不会生成订单、绑定支付方式或自动扣款。</dd></div>
            <div><dt>数据与退出</dt><dd>停用主机、撤销设备和必要的数据退出能力不应被未来收费状态锁住。</dd></div>
          </dl>
        </div>
      </section>

      <section className="section comparison-section">
        <div className="section-heading split-heading">
          <div><span className="eyebrow">SELF-HOST OR CLOUD</span><h2>自己部署，或参加免费公测。</h2></div>
          <p>Cloud 现阶段的目标是验证官方托管能否真正省掉部署与维护成本，而不是急着做支付系统。</p>
        </div>
        <div className="comparison-table" role="table" aria-label="自托管与 Cloud 比较">
          <div role="row" className="comparison-head"><span>项目</span><strong>自托管</strong><strong>NekoNest Cloud</strong></div>
          <div role="row"><span>当前费用</span><b>免费 / 开源</b><b>{betaCopy.comparison}</b></div>
          <div role="row"><span>VPS、DNS、TLS</span><b>自己维护</b><b>公测平台负责</b></div>
          <div role="row"><span>项目与模型凭据</span><b>留在主机</b><b>仍留在主机</b></div>
          <div role="row"><span>未来收费承诺</span><b>无</b><b>目前未确定</b></div>
        </div>
      </section>
    </PublicShell>
  );
}