"use client";
import Link from "next/link";
import { useRouter } from "next/navigation";
import { useState } from "react";
export function ListingRowActions({ id, slug, status, listingType }: { id: string; slug: string; status: string; listingType: string }) {
  const router = useRouter(); const [busy, setBusy] = useState(false); const [msg, setMsg] = useState<string | null>(null);
  const act = async (a: string) => { setBusy(true); setMsg(null); const r = await fetch(`/api/listings/${id}/${a}`, { method: "POST" }); const d = await r.json(); setBusy(false); if (!r.ok) setMsg(d.problems ? d.problems.join(" · ") : d.error?.message ?? "Erreur"); else router.refresh(); };
  const del = async () => { if (!confirm("Supprimer ce brouillon ?")) return; await fetch(`/api/listings/${id}`, { method: "DELETE" }); router.refresh(); };
  return (
    <div className="flex flex-col gap-1 items-end text-xs shrink-0">
      <Link href={`/membre/annonces/${id}`} className="tv-btn tv-btn-ghost !py-1 !px-3">Modifier</Link>
      {status === "PUBLISHED" && <a href={`/annonce/${encodeURIComponent("toveli:" + slug)}`} className="underline text-ink-2" target="_blank" rel="noreferrer">Voir en ligne</a>}
      {["DRAFT", "PAUSED", "REJECTED"].includes(status) && <button type="button" disabled={busy} onClick={() => act(status === "PAUSED" ? "resume" : "publish")} className="underline text-brand-dark">{status === "PAUSED" ? "Réactiver" : "Publier"}</button>}
      {status === "PUBLISHED" && <button type="button" disabled={busy} onClick={() => act("pause")} className="underline text-ink-2">Mettre en pause</button>}
      {["PUBLISHED", "PAUSED"].includes(status) && <button type="button" disabled={busy} onClick={() => act(listingType === "RENT" ? "mark-rented" : "mark-sold")} className="underline text-ink-2">{listingType === "RENT" ? "Marquer louée" : "Marquer vendue"}</button>}
      {["SOLD", "RENTED", "ARCHIVED"].includes(status) && <button type="button" disabled={busy} onClick={() => act("reopen")} className="underline text-ink-2">Rouvrir</button>}
      {!["ARCHIVED", "DRAFT"].includes(status) && <button type="button" disabled={busy} onClick={() => act("archive")} className="underline text-ink-3">Retirer</button>}
      {status === "DRAFT" && <button type="button" onClick={del} className="underline text-ink-3">Supprimer</button>}
      {msg && <p className="text-warn max-w-[220px] text-right">{msg}</p>}
    </div>
  );
}