"use client";
import { useActionState, useState } from "react";
import { useTranslations } from "next-intl";
import { createOrderAction } from "@/lib/actions/orders";
import { SHOOTING_TYPES } from "@/lib/orderConstants";
import { Field, SubmitButton, RequiredMark } from "@/components/auth/RegisterForm";
function TextArea({
label,
name,
maxLength,
defaultValue,
}: {
label: string;
name: string;
maxLength?: number;
defaultValue?: string;
}) {
return (
);
}
export function NewOrderForm({
locale,
minLeadTimeWeeks,
defaultShootingType,
defaultConcept,
serviceId,
tierId,
bundleId,
defaultEventLocation,
defaultDatePeriod,
defaultInstagramHandle,
defaultDiscordHandle,
defaultIdeaMood,
defaultAdditionalNotes,
}: {
locale: string;
minLeadTimeWeeks: number;
defaultShootingType?: string;
defaultConcept?: string;
serviceId?: string;
tierId?: string;
bundleId?: string;
defaultEventLocation?: string;
defaultDatePeriod?: string;
defaultInstagramHandle?: string;
defaultDiscordHandle?: string;
defaultIdeaMood?: string;
defaultAdditionalNotes?: string;
}) {
const t = useTranslations("orders");
const [state, formAction, pending] = useActionState(createOrderAction, {});
const [earlyDateRequested, setEarlyDateRequested] = useState(false);
const validDefaultShootingType =
defaultShootingType && (SHOOTING_TYPES as readonly string[]).includes(defaultShootingType)
? defaultShootingType
: "";
// Kalender lässt regulär nur Termine ab der Mindestvorlaufzeit zu — wer
// wirklich früher braucht, beschreibt das stattdessen über die "früherer
// Termin"-Ausnahme unten (Freitext statt Datum), damit der Kalender selbst
// nie unterlaufen werden muss.
const minDate = new Date(Date.now() + minLeadTimeWeeks * 7 * 24 * 60 * 60 * 1000).toISOString().slice(0, 10);
const validDefaultDatePeriod = defaultDatePeriod && /^\d{4}-\d{2}-\d{2}$/.test(defaultDatePeriod) ? defaultDatePeriod : undefined;
return (
);
}