"use client";
import { useMemo, useState } from "react";
import { useRouter } from "next/navigation";
import { createTfpContractAction } from "@/lib/actions/admin";
import type { TfpContractData } from "@/models/Contract";
const SHOOTING_KINDS = ["Portrait", "Cosplay", "Fashion / Lifestyle", "Event / Convention"];
const IMAGE_COUNTS = ["ca. 3-5 final bearbeitete Bilder", "ca. 5-10 final bearbeitete Bilder", "ca. 10-15 final bearbeitete Bilder", "Nach Absprache"];
const PHOTOGRAPHER_USAGE = ["Website / Online-Portfolio", "digitale oder gedruckte Präsentationen", "Social Media", "Wettbewerbe / Ausstellungen", "Print-Portfolio", "interne Archivierung"];
const CHANNELS = ["Website / Portfolio", "Google-Unternehmensprofil", "Instagram", "Facebook", "X / Twitter", "Discord", "Bluesky", "TikTok", "Print-Portfolio", "Wettbewerbe / Ausstellungen"];
const STYLIST_USAGE = ["eigenes Portfolio", "Social Media", "Webseite", "nur nach Einzel-Freigabe"];
function CheckboxGroup({
options,
values,
onChange,
}: {
options: string[];
values: string[];
onChange: (next: string[]) => void;
}) {
return (
{options.map((opt) => {
const checked = values.includes(opt);
return (
);
})}
);
}
function calcIsMinor(birthdate: string): boolean {
if (!birthdate) return false;
const dob = new Date(birthdate);
const now = new Date();
let age = now.getFullYear() - dob.getFullYear();
const m = now.getMonth() - dob.getMonth();
if (m < 0 || (m === 0 && now.getDate() < dob.getDate())) age--;
return age < 18;
}
export function TfpContractForm({
orderId,
defaults,
}: {
orderId: string;
defaults: {
characterOrConcept: string;
eventLocation: string;
datePeriod: string;
instagramHandle: string;
clientStreet: string;
clientPostCode: string;
clientCity: string;
};
}) {
const router = useRouter();
const [saving, setSaving] = useState(false);
const [modelBirthdate, setModelBirthdate] = useState("");
// Vorbefüllt aus der Rechnungsadresse des Kunden-Kontos (falls hinterlegt)
// — spart erneutes Eintippen, bleibt aber änderbar (Model ≠ Auftraggeber:in
// ist möglich, z. B. bei einer Buchung für eine andere Person).
const [modelStreet, setModelStreet] = useState(defaults.clientStreet);
const [modelPostCode, setModelPostCode] = useState(defaults.clientPostCode);
const [modelCity, setModelCity] = useState(defaults.clientCity);
const [modelInstagram, setModelInstagram] = useState(defaults.instagramHandle);
const [hasStylist, setHasStylist] = useState(false);
const [stylistName, setStylistName] = useState("");
const [stylistStreet, setStylistStreet] = useState("");
const [stylistPostCode, setStylistPostCode] = useState("");
const [stylistCity, setStylistCity] = useState("");
const [stylistInstagram, setStylistInstagram] = useState("");
const [stylistUsage, setStylistUsage] = useState([]);
const [stylistCredit, setStylistCredit] = useState("");
const [shootingTheme, setShootingTheme] = useState(defaults.characterOrConcept);
const [shootingLocation, setShootingLocation] = useState(defaults.eventLocation);
const [shootingDate, setShootingDate] = useState(defaults.datePeriod);
const [shootingKinds, setShootingKinds] = useState([]);
const [finalImageCount, setFinalImageCount] = useState(IMAGE_COUNTS[0]);
const [photographerUsage, setPhotographerUsage] = useState(["Website / Online-Portfolio", "Social Media"]);
const [publicationChannels, setPublicationChannels] = useState(["Instagram"]);
const [publicationRestrictions, setPublicationRestrictions] = useState("");
const [creditPreference, setCreditPreference] = useState<"nennen" | "nicht_nennen" | "nach_absprache">("nennen");
const [creditHandle, setCreditHandle] = useState(defaults.instagramHandle);
const [photographerCreditRequired, setPhotographerCreditRequired] = useState(true);
const [companionAllowed, setCompanionAllowed] = useState(true);
const [specialAgreements, setSpecialAgreements] = useState("");
const [guardian1Name, setGuardian1Name] = useState("");
const [guardian1Street, setGuardian1Street] = useState("");
const [guardian1PostCode, setGuardian1PostCode] = useState("");
const [guardian1City, setGuardian1City] = useState("");
const [guardian1Contact, setGuardian1Contact] = useState("");
const [guardian2Name, setGuardian2Name] = useState("");
const [guardian2Street, setGuardian2Street] = useState("");
const [guardian2PostCode, setGuardian2PostCode] = useState("");
const [guardian2City, setGuardian2City] = useState("");
const [guardian2Contact, setGuardian2Contact] = useState("");
const isMinor = useMemo(() => calcIsMinor(modelBirthdate), [modelBirthdate]);
async function handleSubmit(e: React.FormEvent) {
e.preventDefault();
setSaving(true);
const guardians = [];
if (isMinor && guardian1Name)
guardians.push({ name: guardian1Name, street: guardian1Street, postCode: guardian1PostCode, city: guardian1City, contact: guardian1Contact, relation: "" });
if (isMinor && guardian2Name)
guardians.push({ name: guardian2Name, street: guardian2Street, postCode: guardian2PostCode, city: guardian2City, contact: guardian2Contact, relation: "" });
const data: TfpContractData = {
modelBirthdate,
modelStreet,
modelPostCode,
modelCity,
modelInstagram,
stylist: hasStylist
? { name: stylistName, street: stylistStreet, postCode: stylistPostCode, city: stylistCity, instagram: stylistInstagram, usage: stylistUsage, credit: stylistCredit }
: null,
shootingTheme,
shootingLocation,
shootingDate,
shootingKinds,
finalImageCount,
photographerUsage,
publicationChannels,
publicationRestrictions,
creditPreference,
creditHandle,
photographerCreditRequired,
companionAllowed,
specialAgreements,
isMinor,
guardians,
};
await createTfpContractAction(orderId, data);
setSaving(false);
router.push(`/de/admin/orders/${orderId}`);
}
return (