import { Redirect, useLocalSearchParams } from "expo-router"
import { Text } from "react-native-paper"
import { SafeAreaView } from "react-native-safe-area-context"

import { useHabitsTracker } from "@/presentation/react/contexts/HabitsTracker"
import { HabitEditForm } from "@/presentation/react/components/HabitEditForm/HabitEditForm"
import { useAuthentication } from "@/presentation/react/contexts/Authentication"

const HabitPage: React.FC = () => {
  const { habitId } = useLocalSearchParams()
  const { habitsTracker } = useHabitsTracker()
  const { user } = useAuthentication()

  if (user === null) {
    return null
  }

  const habitHistory = habitsTracker.getHabitHistoryById(habitId as string)
  if (habitHistory == null) {
    return <Redirect href="/application/habits/" />
  }

  return (
    <SafeAreaView
      style={[
        {
          flex: 1,
          alignItems: "center",
        },
      ]}
    >
      <Text>
        Habit Page {habitId} {habitHistory.habit.name}
      </Text>
      <HabitEditForm user={user} habit={habitHistory.habit} />
    </SafeAreaView>
  )
}

export default HabitPage