"use client";

import { deleteRonde } from "./actions";

export function DeleteRondeButton({
  id,
  label,
  projectCount,
}: {
  id: number;
  label: string;
  projectCount: number;
}) {
  return (
    <form
      action={deleteRonde}
      onSubmit={(e) => {
        const extra =
          projectCount === 1
            ? " Het gekoppelde project blijft bestaan, maar zonder ronde."
            : projectCount > 1
            ? ` De ${projectCount} gekoppelde projecten blijven bestaan, maar zonder ronde.`
            : "";
        if (!confirm(`Weet je zeker dat je Rikx Ronde "${label}" wilt verwijderen?${extra}`)) {
          e.preventDefault();
        }
      }}
    >
      <input type="hidden" name="id" value={id} />
      <button type="submit" className="text-xs text-red-500 hover:text-red-700 dark:hover:text-red-400 transition-colors">
        Verwijderen
      </button>
    </form>
  );
}