import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
import type { Ref } from 'vue'
import { apiClient } from '@/lib/axios'
import type {
  CreateEventPayload,
  EventType,
  UpdateEventPayload,
} from '@/types/event'

interface ApiResponse<T> {
  success: boolean
  data: T
  message?: string
}

interface PaginatedResponse<T> {
  data: T[]
  links: Record<string, string | null>
  meta: {
    current_page: number
    per_page: number
    total: number
    last_page: number
  }
}

export function useEventList(orgId: Ref<string>) {
  return useQuery({
    queryKey: ['events', orgId],
    queryFn: async () => {
      const { data } = await apiClient.get<PaginatedResponse<EventType>>(
        `/organisations/${orgId.value}/events`,
      )
      return data.data
    },
    enabled: () => !!orgId.value,
  })
}

export function useEventDetail(orgId: Ref<string>, id: Ref<string>) {
  return useQuery({
    queryKey: ['events', orgId, id],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<EventType>>(
        `/organisations/${orgId.value}/events/${id.value}`,
      )
      return data.data
    },
    enabled: () => !!orgId.value && !!id.value,
  })
}

export function useCreateEvent(orgId: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async (payload: CreateEventPayload) => {
      const { data } = await apiClient.post<ApiResponse<EventType>>(
        `/organisations/${orgId.value}/events`,
        payload,
      )
      return data.data
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['events', orgId.value] })
    },
  })
}

export function useUpdateEvent(orgId: Ref<string>, id: Ref<string>) {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async (payload: UpdateEventPayload) => {
      const { data } = await apiClient.put<ApiResponse<EventType>>(
        `/organisations/${orgId.value}/events/${id.value}`,
        payload,
      )
      return data.data
    },
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['events', orgId.value] })
      queryClient.invalidateQueries({ queryKey: ['events', orgId.value, id.value] })
    },
  })
}