'use client';

import { Button } from '@/components/ui/button';
import { ArrowLeft } from 'lucide-react';
import Link from 'next/link';
import { TransmittalForm } from '@/components/transmittal/transmittal-form';

// Force dynamic rendering to prevent build-time prerendering issues
export const dynamic = 'force-dynamic';

// Ensure this page is never statically generated
export const fetchCache = 'force-no-store';

export default function CreateTransmittalPage() {
  return (
    <section className="space-y-6 max-w-4xl">
      {/* Header */}
      <div className="flex items-center gap-4">
        <Link href="/transmittals">
          <Button variant="ghost" size="icon">
            <ArrowLeft className="h-4 w-4" />
          </Button>
        </Link>
        <div>
          <h1 className="text-2xl font-bold">Create Transmittal</h1>
          <p className="text-muted-foreground">Prepare a new document transmittal slip</p>
        </div>
      </div>

      <TransmittalForm />
    </section>
  );
}