import { addTicketAPI } from "@/api";
import { TicketForm } from "@/components/events";
import { BasePage, Header } from "@/components/layout";
import { HandleError } from "@/pages/others";
import { CAPABILITY } from "@/utils/consts";
import { __ } from "@wordpress/i18n";
import { useNavigate, useSearchParams } from "react-router";

export const AddTicket = () => {
  const navigate = useNavigate();
  const [searchParams, setSearchParams] = useSearchParams();
  const defaultValues = {
    event_id: parseInt(searchParams.get("eventId")),
    name: "",
    price: 0,
    ticket_count: 0,
  };

  if (!searchParams.has("eventId")) {
    return <HandleError error={{ message: "Invalid event ID" }} />;
  }

  return (
    <BasePage capability={CAPABILITY.WRITE}>
      <Header title={__("Add Ticket", "yoyaku-manager")} />
      <TicketForm defaultValues={defaultValues} dataHandler={addTicketAPI} />
    </BasePage>
  );
};