import LoaderSun from "@/components/common/Loader/LoaderSun";
import { listarPesquisa } from "@/requests/CRUD/PesquisaSatisfacao/listarPesquisa";
import { useEffect, useState } from "react";
const VisualizacaoPendenciaPesquisa = ({ pesquisa, dadosCard }: any) => {
  const [isLoaded, setIsLoaded] = useState(false);
  const [pesquisaSatisfacao, setPesquisaSatisfacao] = useState<any>([]);
  useEffect(() => {
    Promise.all([
      listarPesquisa(dadosCard?.id_coleta_cliente).then((a) =>
        setPesquisaSatisfacao(
          a.filter((b: any) => b.tipo_pesquisa_satisfacao == pesquisa),
        ),
      ),
    ]).finally(() => setIsLoaded(true));
  }, []);
  return (
    <div className="max-h-[90vh] overflow-auto">
      <div>
        {isLoaded ? (
          <div className="flex flex-col gap-2 max-h-[65vh] overflow-auto">
            {pesquisaSatisfacao.map((dados: any, index: number) => {
              return (
                <div className="grid gap-3 text-lg text-black p-2 border-2 border-black" key={index}>
                  <p>
                    Data da pesquisa:{" "}
                    {new Date(
                      dados.data_pesquisa_satisfacao,
                    ).toLocaleDateString("pt-BR")}
                  </p>
                  <p>Responsável: {dados.responsavel_pesquisa_satisfacao}</p>
                  <p className="mt-4">
                    Observação da pesquisa: {dados.obs_pesquisa_satisfacao}
                  </p>
                </div>
              );
            })}
            {/* {itensCompra.map((itemCompra, indexItem) => (
                  <ItemVisualizacaoFaturamento
                    key={indexItem}
                    fornecedores={fornecedores}
                    itemCompra={itemCompra}
                    indexItem={indexItem}
                  />
                ))} */}
          </div>
        ) : (
          <div className="flex justify-center w-full">
            <LoaderSun />
          </div>
        )}
      </div>
    </div>
  );
};

export default VisualizacaoPendenciaPesquisa;