import { useQuery, useMutation, useQueryClient } from "react-query";
import axios from "axios";
import { Cliente } from "../types/entities";

export function useClientes() {
  const queryClient = useQueryClient();

  const { data: clientes = [], isLoading } = useQuery("clientes", async () => {
    try {
      const response = await axios.get<Cliente[]>("/api/clientes");
      return response.data;
    } catch (error) {
      console.error("Erro ao buscar clientes:", error);
      return [];
    }
  });

  const createCliente = useMutation(
    async (data: Partial<Cliente>) => {
      const response = await axios.post<Cliente>("/api/clientes", data);
      return response.data;
    },
    {
      onSuccess: () => {
        queryClient.invalidateQueries("clientes");
      },
    },
  );

  const updateCliente = useMutation(
    async ({ id, data }: { id: string; data: Partial<Cliente> }) => {
      console.log("Enviando atualização:", { id, data });
      const response = await axios.put<Cliente>(`/api/clientes/${id}`, data);
      return response.data;
    },
    {
      onSuccess: () => {
        queryClient.invalidateQueries("clientes");
      },
      onError: (error) => {
        console.error("Erro ao atualizar cliente:", error);
        if (axios.isAxiosError(error)) {
          throw new Error(
            error.response?.data?.error || "Erro ao atualizar cliente",
          );
        }
        throw error;
      },
    },
  );

  const deleteCliente = useMutation(
    async (id: string) => {
      await axios.delete(`/api/clientes/${id}`);
    },
    {
      onSuccess: () => {
        queryClient.invalidateQueries("clientes");
      },
    },
  );

  return {
    clientes,
    isLoading,
    createCliente: createCliente.mutateAsync,
    updateCliente: updateCliente.mutateAsync,
    deleteCliente: deleteCliente.mutateAsync,
  };
}