import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
import Container from "@/components/Forms/Container";
import ReactTable from "@/components/ReactTable/ReactTable";
import { cadastrarCondicaoPagamento } from "@/requests/CRUD/CondicoesPagamento/cadastrarCondicaoPagamento";
import { editarCondicaoPagamento } from "@/requests/CRUD/CondicoesPagamento/editarCondicaoPagamento";
import { listarCondicoesPagamento } from "@/requests/CRUD/CondicoesPagamento/listarCondicoesPagamento";
import FormCondicaoPagamento from "./FormCondicaoPagamento";

const ConsultaCondicoesPagamento = () => {
  const columns = [
    {
      header: "ID",
      accessorKey: "id_condicao_pagamento",
    },
    {
      header: "Status",
      accessorKey: "status_condicao_pagamento",
    },
    {
      header: "Condição",
      accessorKey: "parcela_condicao_pagamento",
    },
  ];

  function formatarValores(data: any[]) {
    return data.map((e) => {
      return e;
    });
  }
  return (
    <>
      <Breadcrumb pageName="Condições de Pagamento" />
      <Container>
        <ReactTable
          columns={columns}
          listFunction={listarCondicoesPagamento}
          formatFunction={formatarValores}
          idCol="id_condicao_pagamento"
          isActiveCol="status_condicao_pagamento"
          canEdit
          canDesactive
          createFunction={cadastrarCondicaoPagamento}
          editFunction={editarCondicaoPagamento}
          Form={FormCondicaoPagamento}
          pageName="Condições de Pagamento"
        />
      </Container>
    </>
  );
};

export default ConsultaCondicoesPagamento;