import Link from "next/link";

export default function ForumReputationPage() {
  return (
    <article className="rounded-lg border border-[#3d3228] bg-[#120e0a]/95 p-6 md:p-10">
      <header className="border-b border-[#2a2218] pb-6">
        <p className="font-mono text-[10px] uppercase tracking-[0.35em] text-[#ff9a3c]/60">Void Aggregate · scoring</p>
        <h1 className="mt-2 font-mono text-2xl font-black text-[#ffcb8a] md:text-3xl">Reputation &amp; weight</h1>
        <p className="mt-3 max-w-3xl text-sm leading-relaxed text-[#b8a995]">
          Rings inherit different “temperatures”: a hot take in one board may score differently than the same post in a research ring. Below is the in-universe model that keeps sorting labels honest.
        </p>
      </header>

      <section className="mt-8 overflow-x-auto">
        <table className="w-full border-collapse text-left font-mono text-xs text-[#b8a995]">
          <thead>
            <tr className="border-b border-[#3d3228] text-[10px] uppercase tracking-wider text-[#8a7d6b]">
              <th className="py-2 pr-4">Signal</th>
              <th className="py-2 pr-4">Hot sort</th>
              <th className="py-2">Top sort</th>
            </tr>
          </thead>
          <tbody className="divide-y divide-[#2a2218]">
            <tr>
              <td className="py-3 font-bold text-[#ffcb8a]">Upvotes</td>
              <td>Decay-weighted over 72h window</td>
              <td>Log-scaled lifetime sum</td>
            </tr>
            <tr>
              <td className="py-3 font-bold text-[#ffcb8a]">Replies</td>
              <td>Boost if reply author has ring tenure</td>
              <td>Cap per thread to prevent brigade loops</td>
            </tr>
            <tr>
              <td className="py-3 font-bold text-[#ffcb8a]">Reports</td>
              <td>Immediate soft-hide pending review</td>
              <td>Negative prior on future sorts until cleared</td>
            </tr>
          </tbody>
        </table>
      </section>

      <p className="mt-8 text-sm leading-relaxed text-[#8a7d6b]">
        New handles start with neutral prior; verified purchases from the Candy Shop (same session) add a small trust bump in commerce-adjacent rings only — never globally, to avoid wallet bragging as universal clout.
      </p>

      <p className="mt-10 font-mono text-[10px] text-[#6b5c4d]">
        <Link href="/forum/handbook" className="text-[#ff9a3c] hover:underline">
          Handbook
        </Link>
        {" · "}
        <Link href="/forum/moderation" className="text-[#ff9a3c] hover:underline">
          Moderation
        </Link>
      </p>
    </article>
  );
}