import Container from "@/components/Forms/Container";
import ReactTable from "@/components/ReactTable/ReactTable";
import { cadastrarMotivoNegocioRestaurado } from "@/requests/CRUD/NegociosRestaurado/cadastrarMotivoNegocioRestaurado";
import { editarMotivoNegocioRestaurado } from "@/requests/CRUD/NegociosRestaurado/editarMotivoNegocioRestaurado";
import { listarMotivoNegocioRestaurado } from "@/requests/CRUD/NegociosRestaurado/listarMotivoNegocioRestaurado";
import { FieldValues } from "react-hook-form";
import FormMotivosNegociosRestaurados from "./FormMotivosNegociosRestaurados";

const ConsultaMotivosNegociosRestaurados = () => {
  const columns = [
    {
      header: "Código",
      accessorKey: "id_restaurado",
    },
    {
      header: "Status",
      accessorKey: "status_restaurado",
    },
    {
      header: "Motivo",
      accessorKey: "motivo_restaurado",
    },
  ];

  const onSubmitFunction = async (data: FieldValues) => {
    data["motivo_restaurado"];

    return cadastrarMotivoNegocioRestaurado(data);
  };

  return (
    <>
      <Container>
        <ReactTable
          columns={columns}
          listFunction={listarMotivoNegocioRestaurado}
          idCol="id_restaurado"
          isActiveCol="status_restaurado"
          canEdit
          canDesactive
          editFunction={editarMotivoNegocioRestaurado}
          createFunction={onSubmitFunction}
          Form={FormMotivosNegociosRestaurados}
          pageName="Motivos de Negócios Restaurados"
        />
      </Container>
    </>
  );
};

export default ConsultaMotivosNegociosRestaurados;