import ReactTable from "@/components/ReactTable/ReactTable";
import { listarComissoes } from "@/requests/CRUD/Comissoes/listarComissoes";

const VisualizacaoRepresentante = (id: any) => {
  const columns = [
    {
      header: "Id",
      accessorKey: "id_apuracao_comissao",
    },
    {
      header: "Cliente",
      accessorKey: "nome_cliente",
    },
    {
      header: "Valor Negociado (R$)",
      accessorKey: "valor_proposta_apuracao",
    },
    {
      header: "Data",
      accessorKey: "datahora_pre_apuracao",
    },

    {
      header: "Contato Financiador",
      accessorKey: "nome_financiador",
    },
    {
      header: "Vendedor",
      accessorKey: "cod_vendedor_pre_apuracao",
    },
    {
      header: "Comissão do Vendedor (R$)",
      accessorKey: "valor_comissao_vendedor_pre_apuracao",
    },
    {
      header: "Comissão do Vendedor (%)",
      accessorKey: "comissao_vendedor_pre_apuracao",
    },
    {
      header: "Pré-Vendedor",
      accessorKey: "cod_preVendedor_pre_apuracao",
    },
    {
      header: "Comissão do Pré-Vendedor (R$)",
      accessorKey: "valor_comissao_preVendedor_pre_apuracao",
    },
    {
      header: "Comissão do Pré-Vendedor (%)",
      accessorKey: "comissao_preVendedor_pre_apuracao",
    },
    {
      header: "Gerente",
      accessorKey: "cod_gerente_pre_apuracao",
    },
    {
      header: "Comissão do Gerente (R$)",
      accessorKey: "valor_comissao_gerente_pre_apuracao",
    },
    {
      header: "Comissão do Gerente (%)",
      accessorKey: "comissao_gerente_pre_apuracao",
    },
    {
      header: "Indicador",
      accessorKey: "cod_indicador_pre_apuracao",
    },
    {
      header: "Comissão do Indicador (R$)",
      accessorKey: "valor_comissao_indicador_pre_apuracao",
    },
    {
      header: "Comissão do Indicador (%)",
      accessorKey: "comissao_indicador_pre_apuracao",
    },
  ];
  return (
    <>
      <ReactTable
        columns={columns}
        listFunction={listarComissoes}
        idCol="id_apuracao_comissao"
      />
    </>
  );
};

export default VisualizacaoRepresentante;