import Input from "@/components/Forms/Input";
import InputGroup from "@/components/Forms/InputGroup";
import { GetForm } from "@/utils";

const FormParcela = ({
  onSubmitFunction,
  defaultValues,
  disabledFields,
  children,
  ...rest
}: any) => {
  const { handleSubmit, ...form } = GetForm();

  return (
    <form onSubmit={handleSubmit(onSubmitFunction)} {...rest}>
      <InputGroup>
        <Input
          name="valorParcela_parcelamento"
          label="Valor"
          formulario={form}
          error={"Informe o valor da parcela"}
          mascara="numero"
          prefix={"R$"}
          required
          defaultValue={defaultValues && defaultValues["valorParcela_parcelamento"]}
          disabled={disabledFields?.some(
            (field: string) => field == "valorParcela_parcelamento"
          )}
        />
        <Input
          label="Data Vencimento"
          name="dataVencimento_parcelamento"
          formulario={form}
          error="Informe a data de vencimento"
          type="date"
          required
          defaultValue={defaultValues && defaultValues["dataVencimento_parcelamento"]}
          disabled={disabledFields?.some(
            (field: string) => field == "dataVencimento_parcelamento"
          )}
        />
      </InputGroup>
      {children}
    </form>
  );
};

export default FormParcela;