import Link from "next/link";
import { setArchivedAction } from "@/app/admin/actions";
import { ARCHIVE_VIEW_PARAM, ARCHIVE_VIEW_VALUE, type ArchiveKind } from "@/lib/archive";
import { formatDate } from "@/lib/format";

/**
 * Tabs "Aktiv" / "Archiv" fuer die Admin-Listen Bestellungen, Retouren und
 * Produkte. Reine Links statt Client-State: der Tab steht in der URL
 * (?ansicht=archiv), bleibt also beim Neuladen, nach einer Server Action und
 * beim Teilen eines Links erhalten. Uebrige Filter (Suche, Status) bleiben
 * beim Wechsel stehen.
 */
export function AdminArchiveTabs({
  basePath,
  isArchive,
  counts,
  keepParams,
  labels,
}: {
  basePath: string;
  isArchive: boolean;
  counts: { active: number; archived: number };
  keepParams: Record<string, string>;
  labels: { ariaLabel: string; active: string; archive: string };
}) {
  const hrefFor = (archive: boolean): string => {
    const params = new URLSearchParams(Object.entries(keepParams).filter(([, value]) => value !== ""));
    if (archive) params.set(ARCHIVE_VIEW_PARAM, ARCHIVE_VIEW_VALUE);
    const query = params.toString();
    return query ? `${basePath}?${query}` : basePath;
  };

  const tabClass = (selected: boolean): string =>
    `px-4 py-2 text-sm border-b-2 -mb-px transition-colors ${
      selected ? "border-forest text-forest" : "border-transparent text-ink/60 hover:text-forest"
    }`;

  return (
    <nav aria-label={labels.ariaLabel} className="flex gap-1 border-b border-ink/10 mb-6">
      <Link href={hrefFor(false)} aria-current={!isArchive ? "page" : undefined} className={tabClass(!isArchive)}>
        {labels.active} <span className="text-xs text-ink/50">({counts.active})</span>
      </Link>
      <Link href={hrefFor(true)} aria-current={isArchive ? "page" : undefined} className={tabClass(isArchive)}>
        {labels.archive} <span className="text-xs text-ink/50">({counts.archived})</span>
      </Link>
    </nav>
  );
}

/** Knopf "Archivieren" bzw. "Wiederherstellen" samt Archivdatum. */
export function AdminArchiveToggle({
  kind,
  id,
  archivedAt,
  archivedManually,
  labels,
}: {
  kind: ArchiveKind;
  id: string;
  archivedAt: Date | null;
  archivedManually: boolean;
  labels: { archive: string; restore: string; archivedOn: (date: string) => string; manualHint: string };
}) {
  return (
    <form action={setArchivedAction} className="inline">
      <input type="hidden" name="kind" value={kind} />
      <input type="hidden" name="id" value={id} />
      <input type="hidden" name="mode" value={archivedAt ? "restore" : "archive"} />
      {archivedAt ? (
        <span className="block text-xs text-ink/55 mb-1">
          {labels.archivedOn(formatDate(archivedAt))}
          {archivedManually ? ` · ${labels.manualHint}` : null}
        </span>
      ) : null}
      <button type="submit" className="text-xs text-ink/65 underline hover:text-forest">
        {archivedAt ? labels.restore : labels.archive}
      </button>
    </form>
  );
}