import { router, Stack, useLocalSearchParams } from "expo-router";
import { Alert } from "react-native";

import { AppBackground } from "@/components/AppBackground";
import { ClientForm } from "@/components/clients/ClientForm";
import { useTabBarScrollPadding } from "@/lib/tab-bar-insets";

export default function EditClientScreen() {
  const { id } = useLocalSearchParams<{ id: string }>();
  const scrollPadding = useTabBarScrollPadding();

  return (
    <AppBackground>
      <Stack.Screen options={{ headerBackTitle: "Client" }} />
      <ClientForm
        mode="edit"
        clientId={id}
        scrollPadding={scrollPadding}
        onSaved={() => {
          Alert.alert("Saved", "Client updated", [
            { text: "OK", onPress: () => router.back() },
          ]);
        }}
        onDeleted={() => {
          Alert.alert("Deleted", "Client removed", [
            { text: "OK", onPress: () => router.replace("/(app)/entities") },
          ]);
        }}
      />
    </AppBackground>
  );
}