"use client";

import { useTransition } from "react";
import { useRouter } from "next/navigation";
import { deleteSubmission } from "./actions";

export function DeleteSubmissionButton({
  submissionId,
  userName,
}: {
  submissionId: string;
  userName: string;
}) {
  const [pending, startTransition] = useTransition();
  const router = useRouter();

  function handleDelete() {
    if (!confirm(`Удалить работу студента ${userName}? Это действие нельзя отменить.`)) return;
    startTransition(async () => {
      await deleteSubmission(submissionId);
      router.push("/curator/homework");
    });
  }

  return (
    <button
      type="button"
      onClick={handleDelete}
      disabled={pending}
      className="text-xs px-3 py-1.5"
      style={{
        border: "1px solid var(--border)",
        color: "oklch(0.577 0.245 27.325)",
        opacity: pending ? 0.5 : 1,
      }}
    >
      🗑 Удалить работу
    </button>
  );
}