"use client";

import Link from "next/link";
import { ArrowLeft } from "lucide-react";
import { NDAForm } from "@/components/forms/nda-form";
import { mockSellerLeads } from "@/lib/mock-data";

export default function NDAPage({ params }: { params: { id: string } }) {
  const deal = mockSellerLeads.find((d) => d.id === params.id) || mockSellerLeads[0];

  return (
    <div className="max-w-2xl mx-auto space-y-6 animate-page-in">
      <div>
        <Link
          href="/portal/deals"
          className="inline-flex items-center gap-1 text-sm text-navy-500 hover:text-navy-700 mb-4 transition-colors"
        >
          <ArrowLeft className="h-4 w-4" />
          Back to Deals
        </Link>
        <h1 className="text-2xl font-bold text-navy-900">Sign Confidentiality Agreement</h1>
        <p className="text-sm text-navy-500 mt-1">
          Sign below to access the full offering memorandum for this property.
        </p>
      </div>

      <NDAForm dealAddress={`${deal.address}, ${deal.market}`} />
    </div>
  );
}
