import { FC } from "react";
import { useFormContext } from "react-hook-form";
import { InputField, Radio } from "../forms/Inputs";
import { TSmacResellerSchema } from "../forms/schema/mac-reseller";

type props = {
  macReseller: TSmacResellerSchema;
};

const BillingForm: FC<props> = ({ macReseller }) => {
  const {
    setValue,
    register,
    formState: { errors },
  } = useFormContext();

  return (
    <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
      <div className="left">
        <div className="mt-1">
          <InputField
            labelText="Over due amount"
            name="over_due_amount"
            placeholder="Over due amount"
            errors={errors}
          />
        </div>
        <div className="mt-1">
          <Radio
            groupLabel="Billing Type"
            options={[
              { label: "Postpaid", value: "postpaid" },
              { label: "Prepaid", value: "prepaid" },
            ]}
            name="billing_type"
            defaultValue={macReseller?.billing_type ?? "prepaid"}
          />
        </div>
        <div className="mt-1">
          <Radio
            groupLabel="Auto Recharge"
            options={[
              { label: "Yes", value: 1 },
              { label: "No", value: 0 },
            ]}
            name="auto_recharge"
            defaultValue={macReseller?.auto_recharge ?? 1}
          />
        </div>
      </div>
      <div className="right">
        <div className="mt-1">
          <div className="flex items-center gap-2">
            <InputField
              labelText="Terminate Hour"
              name="terminate_hour"
              placeholder="Terminate Hour"
              errors={errors}
            />
            <InputField
              labelText="Terminate Minute"
              name="terminate_minute"
              placeholder="Terminate minute"
              errors={errors}
            />
          </div>
        </div>
        <div className="mt-2">
          <InputField
            labelText="Serial start from"
            name="serial_start_from"
            placeholder="0"
            errors={errors}
          />
        </div>
        <div className="mt-2">
          <InputField
            labelText="Prefix"
            name="prefix"
            placeholder="ex: abcd"
            errors={errors}
          />
        </div>
      </div>
    </div>
  );
};

export default BillingForm;