import { router, Stack } 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 NewClientScreen() {
  const scrollPadding = useTabBarScrollPadding();

  return (
    <AppBackground>
      <Stack.Screen options={{ headerBackTitle: "Entities" }} />
      <ClientForm
        mode="create"
        scrollPadding={scrollPadding}
        onSaved={() => {
          Alert.alert("Client created", "Your client has been saved.", [
            { text: "OK", onPress: () => router.back() },
          ]);
        }}
      />
    </AppBackground>
  );
}