"use client";

import { deleteTenant } from "./actions";

export function DeleteTenantButton({
  accountId,
  accountName,
}: {
  accountId: number;
  accountName: string;
}) {
  return (
    <form
      action={deleteTenant}
      onSubmit={(e) => {
        if (!confirm(`Weet je zeker dat je sociaal ondernemer "${accountName}" wilt verwijderen? Dit verwijdert ook alle bijbehorende gebruikers en gegevens.`)) {
          e.preventDefault();
        }
      }}
    >
      <input type="hidden" name="account_id" value={accountId} />
      <button
        type="submit"
        className="text-xs text-red-500 hover:text-red-700 dark:hover:text-red-400 transition-colors"
      >
        Verwijderen
      </button>
    </form>
  );
}