"use client";

import {
	AlertTriangle,
	CheckCircle2,
	FileX2,
	Loader2,
	ScanSearch,
	Trash2,
} from "lucide-react";
import { useCallback, useState } from "react";
import { toast } from "sonner";
import { useConfirmDialog } from "@/components/admin/confirm-dialog";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";
import { adminFetch } from "@/lib/admin-fetch";
import { formatBytes } from "@/lib/services/disk-usage";

interface NitroCleanupEntry {
	fileName: string;
	base: string;
	size: number;
	dirs: string[];
	error?: string;
}

interface NitroCleanupScan {
	fake: NitroCleanupEntry[];
	broken: NitroCleanupEntry[];
	total: number;
}

interface DeleteResponse {
	deleted: number;
	copiesRemoved: number;
	errors?: string[];
}

type GroupKey = "fake" | "broken";

function CleanupGroup({
	group,
	label,
	description,
	entries,
	selected,
	onToggle,
	onToggleAll,
}: {
	group: GroupKey;
	label: string;
	description: string;
	entries: NitroCleanupEntry[];
	selected: Set<string>;
	onToggle: (fileName: string) => void;
	onToggleAll: (names: string[]) => void;
}) {
	const checked = entries.filter((e) => selected.has(e.fileName));
	const allChecked = entries.length > 0 && checked.length === entries.length;
	const isError = group === "fake";

	return (
		<section className="space-y-2">
			<div
				className={`flex flex-wrap items-center gap-2 rounded-lg border p-3 ${
					entries.length > 0
						? isError
							? "border-[var(--admin-error-border)] bg-[var(--admin-error-subtle)]"
							: "border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]"
						: "border-[var(--admin-border)] bg-[var(--admin-surface)]"
				}`}
			>
				<Checkbox
					style={{ display: "inline-flex", width: 18, height: 18 }}
					className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
					checked={allChecked}
					disabled={entries.length === 0}
					onCheckedChange={() => onToggleAll(entries.map((e) => e.fileName))}
					aria-label={`Select all ${label}`}
				/>
				<div className="min-w-0 flex-1">
					<h3
						className={`text-sm font-medium ${entries.length > 0 ? "text-[var(--admin-text)]" : "text-[var(--admin-text-muted)]"}`}
					>
						{label} ({entries.length})
					</h3>
					<p className="text-xs text-[var(--admin-text-muted)]">
						{description}
					</p>
				</div>
				{checked.length > 0 && (
					<span className="text-xs font-medium text-[var(--admin-accent)]">
						{checked.length} selected
					</span>
				)}
			</div>

			{entries.length === 0 ? (
				<p className="flex items-center gap-1.5 px-2 text-xs text-[var(--admin-success)]">
					<CheckCircle2 size={13} />
					No {label.toLowerCase()} found
				</p>
			) : (
				<ul className="max-h-80 space-y-1 overflow-auto rounded-lg border border-[var(--admin-border)] bg-[var(--admin-surface)] p-2">
					{entries.map((entry) => (
						<li
							key={entry.fileName}
							className="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-[var(--admin-accent)]/5"
						>
							<Checkbox
								style={{ display: "inline-flex", width: 16, height: 16 }}
								className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
								checked={selected.has(entry.fileName)}
								onCheckedChange={() => onToggle(entry.fileName)}
								aria-label={`Select ${entry.fileName}`}
							/>
							<code className="min-w-0 flex-1 truncate font-mono text-xs">
								{entry.fileName}
							</code>
							<span className="shrink-0 text-xs text-[var(--admin-text-muted)]">
								{formatBytes(entry.size)}
							</span>
							{entry.error && (
								<span
									title={entry.error}
									className="hidden max-w-[320px] truncate text-xs text-[var(--admin-error)] lg:block"
								>
									{entry.error}
								</span>
							)}
							{entry.dirs.length > 1 && (
								<span className="shrink-0 rounded bg-[var(--admin-accent)]/10 px-1.5 py-0.5 text-[10px] font-medium text-[var(--admin-text-muted)]">
									{entry.dirs.length} copies
								</span>
							)}
						</li>
					))}
				</ul>
			)}
		</section>
	);
}

export function NitroCleanupPanel() {
	const [scanning, setScanning] = useState(false);
	const [deleting, setDeleting] = useState(false);
	const [scan, setScan] = useState<NitroCleanupScan | null>(null);
	const [selected, setSelected] = useState<Set<string>>(new Set());
	const { confirm, dialog } = useConfirmDialog();

	const scanNow = useCallback(async () => {
		setScanning(true);
		setSelected(new Set());
		try {
			const res = await adminFetch("/api/admin/studio/nitro-cleanup");
			const data = (await res.json()) as NitroCleanupScan & {
				error?: string;
			};
			if (!res.ok) throw new Error(data.error || "Scan failed");
			const fake = data.fake ?? [];
			const broken = data.broken ?? [];
			setScan({
				fake,
				broken,
				total: data.total ?? 0,
			});
			const found = fake.length + broken.length;
			if (found === 0) {
				toast.success("No fake or broken .nitro files found");
			} else {
				toast.info(`Found ${found} removable .nitro file(s)`);
			}
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Scan failed");
		} finally {
			setScanning(false);
		}
	}, []);

	const toggle = (fileName: string) => {
		setSelected((prev) => {
			const next = new Set(prev);
			if (next.has(fileName)) next.delete(fileName);
			else next.add(fileName);
			return next;
		});
	};

	const toggleAll = (names: string[]) => {
		setSelected((prev) => {
			const next = new Set(prev);
			const allChecked = names.every((n) => next.has(n));
			for (const name of names) {
				if (allChecked) next.delete(name);
				else next.add(name);
			}
			return next;
		});
	};

	const removeSelected = async () => {
		const fileNames = [...selected].sort();
		if (fileNames.length === 0) return;
		const confirmed = await confirm({
			title: `Delete ${fileNames.length} .nitro file(s)?`,
			description:
				"The .nitro bundles will be removed from every directory (public + mirrored gamedata). Database rows are never touched.",
			confirmLabel: "Delete",
			variant: "danger",
		});
		if (!confirmed) return;
		setDeleting(true);
		try {
			const res = await adminFetch("/api/admin/studio/nitro-cleanup", {
				method: "DELETE",
				headers: { "Content-Type": "application/json" },
				body: JSON.stringify({ fileNames }),
			});
			const data = (await res.json()) as DeleteResponse & {
				error?: string;
			};
			if (!res.ok) throw new Error(data.error || "Delete failed");
			if (data.errors?.length) {
				toast.warning(
					`Deleted ${data.copiesRemoved} copy/copies, but some files could not be removed`,
				);
			} else {
				toast.success(
					`Deleted ${data.copiesRemoved} .nitro file copy/copies (${data.deleted} file(s))`,
				);
			}
			setSelected(new Set());
			await scanNow();
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Delete failed");
		} finally {
			setDeleting(false);
		}
	};

	return (
		<div className="space-y-4">
			{dialog}
			<div className="flex flex-wrap items-center gap-2">
				<Button onClick={scanNow} disabled={scanning || deleting} size="lg">
					{scanning ? (
						<Loader2 className="w-4 h-4 animate-spin mr-2" />
					) : (
						<ScanSearch className="w-4 h-4 mr-2" />
					)}
					{scanning ? "Scanning nitro files…" : "Scan for fake & broken nitros"}
				</Button>
				{scan && (
					<Button
						variant="destructive"
						size="lg"
						disabled={deleting || selected.size === 0}
						onClick={removeSelected}
					>
						{deleting ? (
							<Loader2 className="w-4 h-4 animate-spin mr-2" />
						) : (
							<Trash2 className="w-4 h-4 mr-2" />
						)}
						{deleting ? "Deleting…" : `Delete selected (${selected.size})`}
					</Button>
				)}
			</div>

			{scan && (
				<div className="space-y-4">
					<div className="grid gap-3 sm:grid-cols-3">
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold">{scan.total}</div>
							<div className="text-xs text-muted-foreground">
								.nitro files scanned
							</div>
						</div>
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold text-[var(--admin-text)]">
								{scan.fake.length}
							</div>
							<div className="text-xs text-[var(--admin-text-muted)]">
								Fake (no matching item)
							</div>
						</div>
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold text-[var(--admin-text)]">
								{scan.broken.length}
							</div>
							<div className="text-xs text-[var(--admin-text-muted)]">
								Broken (unparseable)
							</div>
						</div>
					</div>

					<CleanupGroup
						group="fake"
						label="Fake nitros"
						description="These files match no item in items_base — leftovers from deleted or renamed furniture."
						entries={scan.fake}
						selected={selected}
						onToggle={toggle}
						onToggleAll={toggleAll}
					/>
					<CleanupGroup
						group="broken"
						label="Broken nitros"
						description="These files belong to an item but cannot be parsed as a valid Nitro bundle."
						entries={scan.broken}
						selected={selected}
						onToggle={toggle}
						onToggleAll={toggleAll}
					/>

					{(scan.fake.length > 0 || scan.broken.length > 0) && (
						<p className="flex items-start gap-1.5 rounded-lg border border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)] p-3 text-xs text-[var(--admin-text-muted)]">
							<AlertTriangle
								size={14}
								className="mt-0.5 shrink-0 text-[var(--admin-warning)]"
							/>
							Deleting a broken .nitro leaves its item in the database without a
							bundle — the catalog audit can re-download it later. Database rows
							are never removed by this tool.
						</p>
					)}

					<div className="flex items-center gap-1.5 text-xs text-[var(--admin-text-muted)]">
						<FileX2 size={14} className="shrink-0" />
						Only .nitro files are touched — icons, SWFs, FurnitureData.json and
						database rows stay intact.
					</div>
				</div>
			)}

			{!scan && !scanning && (
				<div className="rounded-xl border bg-card p-6 text-center text-muted-foreground">
					<ScanSearch className="mx-auto mb-3 h-10 w-10 opacity-40" />
					<p>
						Scan every nitro directory to find fake bundles that belong to no
						furniture and broken bundles that can no longer be parsed. Remove
						them with one click.
					</p>
				</div>
			)}
		</div>
	);
}