import { addCustomerAPI } from "@/api";
import { CustomerForm } from "@/components/customers";
import { BasePage, Header } from "@/components/layout";
import { CAPABILITY } from "@/utils/consts";
import { __ } from "@wordpress/i18n";

export const AddCustomer = () => {
  const defaultValues = {
    id: null,
    first_name: "",
    last_name: "",
    email: "",
    birthday: null,
    gender: null,
    memo: "",
  };

  return (
    <BasePage capability={CAPABILITY.WRITE}>
      <Header title={__("Add Customer", "yoyaku-manager")} />
      <CustomerForm
        defaultValues={defaultValues}
        dataHandler={addCustomerAPI}
        navigateTo="/"
      />
    </BasePage>
  );
};