import { useState } from 'react'
import { MOCK_TERMINE } from '@/lib/mock-data'

export function useTermineListe(upcoming = true) {
  const now = new Date()
  const data = MOCK_TERMINE.filter((t) =>
    upcoming ? t.datum >= now : t.datum < now
  ).sort((a, b) =>
    upcoming ? a.datum.getTime() - b.datum.getTime() : b.datum.getTime() - a.datum.getTime()
  )
  return { data, isLoading: false, refetch: () => {}, isRefetching: false }
}

export function useTerminDetail(id: string) {
  const data = MOCK_TERMINE.find((t) => t.id === id) ?? null
  return { data, isLoading: false }
}

export function useToggleAnmeldung() {
  const [isPending, setIsPending] = useState(false)

  function mutate({ terminId }: { terminId: string }) {
    setIsPending(true)
    const termin = MOCK_TERMINE.find((t) => t.id === terminId)
    if (termin) {
      termin.isAngemeldet = !termin.isAngemeldet
      termin.teilnehmerAnzahl += termin.isAngemeldet ? 1 : -1
    }
    setTimeout(() => setIsPending(false), 300)
  }

  return { mutate, isPending }
}