"use client";

import { useState } from "react";
import { useRouter } from "next/navigation";
import { drainAllAction } from "../actions";

export function DrainAllButton() {
  const [busy, setBusy] = useState(false);
  const router = useRouter();
  return (
    <button
      type="button"
      onClick={async () => {
        if (
          !window.confirm(
            "Drain all running jobs and cancel all queued jobs? In-flight work finishes; no new work starts.",
          )
        )
          return;
        setBusy(true);
        try {
          await drainAllAction();
          router.refresh();
        } finally {
          setBusy(false);
        }
      }}
      disabled={busy}
      className="px-3 py-2 rounded-md border border-warning/30 text-sm font-medium text-warning hover:bg-warning-soft disabled:opacity-50"
    >
      {busy ? "Draining…" : "Drain all"}
    </button>
  );
}