import { Header, Footer } from "@/components/Shell";
import { Blocks, Server, Download, ExternalLink } from "lucide-react";
import { existsSync } from "node:fs";
import Link from "next/link";
export const dynamic = "force-dynamic";
export default function Downloads() {
  const fabric = existsSync("public/downloads/minegeo-fabric-1.21.11.jar"),
    plugin = existsSync("public/downloads/minegeo-plugin-1.21.11.jar");
  return (
    <>
      <Header />
      <main className="section page-content">
        <span className="eyebrow">
          MADE FOR THE PEOPLE WHO KNOW THEIR WORLDS
        </span>
        <h1>Become a cartographer.</h1>
        <p className="lead">
          Two ways to bring your world to MineGeo. Both create private drafts
          for you to preview before submitting for review.
        </p>
        <div className="tool-grid">
          <article className="tool-card">
            <Blocks size={34} />
            <span className="eyebrow">FOR PLAYERS</span>
            <h2>Fabric capture mod.</h2>
            <p className="muted">
              Explore normally and capture the places worth remembering. Your
              server doesn’t need a plugin.
            </p>
            <ul>
              <li>Minecraft Java 1.21.11 + Fabric Loader + Fabric API</li>
              <li>Open the capture panel with G</li>
              <li>Link your account through a browser pairing code</li>
              <li>Capture at least five viewpoints, then upload</li>
              <li>Only terrain received by your client enters the map</li>
            </ul>
            {fabric ? (
              <a
                className="button primary"
                href="/downloads/minegeo-fabric-1.21.11.jar"
                download
              >
                <Download size={16} /> Download Fabric mod
              </a>
            ) : (
              <p className="muted">The Fabric build is not available yet.</p>
            )}
            <p className="muted" style={{ fontSize: 11, marginTop: 20 }}>
              Install the JAR in your Minecraft mods folder alongside Fabric
              API.
            </p>
          </article>
          <article className="tool-card">
            <Server size={34} />
            <span className="eyebrow">FOR SERVER ADMINISTRATORS</span>
            <h2>Server export plugin.</h2>
            <p className="muted">
              Export generated Overworld terrain. MineGeo renders panoramas
              without a connected player or BlueMap.
            </p>
            <ul>
              <li>Bukkit/Paper 1.21.11 · Java 21</li>
              <li>Select a bounded area and export existing chunks</li>
              <li>Automatically choose safe surface viewpoints</li>
              <li>Link a contributor token and upload resumably</li>
              <li>Vanilla blocks/fluids, simplified lighting</li>
            </ul>
            {plugin ? (
              <a
                className="button primary"
                href="/downloads/minegeo-plugin-1.21.11.jar"
                download
              >
                <Download size={16} /> Download server plugin
              </a>
            ) : (
              <p className="muted">The plugin build is not available yet.</p>
            )}
            <pre>
              /minegeo area world -256 -256 256 256{"\n"}/minegeo export My
              Overworld{"\n"}/minegeo link &lt;dashboard token&gt;{"\n"}/minegeo
              upload
            </pre>
            <p className="muted" style={{ fontSize: 11 }}>
              Put the JAR in plugins/ and restart. Set website and server-name
              in plugins/MineGeo/config.yml. Permission: minegeo.admin.
            </p>
          </article>
        </div>
        <div className="contribute-banner">
          <div>
            <h2>Your map, your credit.</h2>
            <p>
              Uploaders are credited separately. Plugin exports and player
              captures stay clearly labeled.
            </p>
          </div>
          <Link className="button" href="/dashboard">
            Open my dashboard <ExternalLink size={15} />
          </Link>
        </div>
      </main>
      <Footer />
    </>
  );
}