import type { PublicPaperSummary } from "@autoscholar/schemas";
import Link from "next/link";
import { disciplineLabel, fmtDate, modeLabel } from "@/lib/format";
import { StatusBadge } from "./StatusBadge";

export function PaperCard({ p, featured = false }: { p: PublicPaperSummary; featured?: boolean }) {
  return (
    <article className={`surface flex flex-col gap-3 p-5 ${featured ? "md:p-7" : ""}`}>
      <div className="flex flex-wrap items-center gap-2 text-xs">
        <span className="font-mono subtle">{p.publicId}</span>
        <span className="subtle">·</span>
        <span className="muted">{disciplineLabel(p.discipline)}</span>
        <span className="subtle">·</span>
        <span className="muted">{modeLabel(p.researchMode)}</span>
        {p.status !== "published" && <StatusBadge status={p.status} />}
        {p.synthetic && <span className="badge">staging sample</span>}
      </div>
      <h3 className={`serif font-semibold leading-snug ${featured ? "text-2xl" : "text-lg"}`}>
        <Link href={`/research/${p.slug}`} className="no-underline hover:underline">
          {p.title}
        </Link>
      </h3>
      <p className="muted line-clamp-3 text-sm leading-relaxed">{p.abstract}</p>
      <div className="mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs">
        <span className="subtle">
          {fmtDate(p.firstPublishedAt)} · v{p.versionNo}
        </span>
        <span className="flex gap-2 subtle">
          {p.hasLatex && <span title="LaTeX source available">TeX</span>}
          {p.hasCode && <span title="Code available">Code</span>}
          {p.hasData && <span title="Data available">Data</span>}
        </span>
      </div>
    </article>
  );
}