"use client";

import ContractForm from "@/components/ContractForm";
import PageContainer from "@/components/ui/PageContainer";
import PageHeader from "@/components/ui/PageHeader";
import Button from "@/components/ui/Button";
import Link from "next/link";
import { useTranslation } from "@/lib/i18n";

export default function NewContractPage() {
	const { t } = useTranslation();
	return (
		<PageContainer>
			<PageHeader
				title={t('contracts.createNewContract')}
				description={t('contracts.addNewContractDescription')}
				action={
					<Link href="/contracts">
						<Button variant="outline" size="sm">
							<svg
								className="w-4 h-4 mr-2"
								fill="none"
								stroke="currentColor"
								viewBox="0 0 24 24"
							>
								<path
									strokeLinecap="round"
									strokeLinejoin="round"
									strokeWidth={2}
									d="M15 19l-7-7 7-7"
								/>
							</svg>
							{t('contracts.backToContracts')}
						</Button>
					</Link>
				}
			/>
			<div className="max-w-2xl">
				<ContractForm />
			</div>
		</PageContainer>
	);
}