"use client";

import { notFound, useParams } from "next/navigation";
import ClientWorkspaceLayout from "@/features/client/client-workspace-layout";
import ClientPropertyEdit from "@/features/client/client-property-edit";

export default function ClientPropertyLayoutEditPage() {
  const { app, propertyId } = useParams() as { app: string; propertyId: string };
  if (app !== "client" && app !== "property") {
    notFound();
  }
  const listHref = `/${app}/properties`;

  return (
    <ClientWorkspaceLayout
      title="Edit phases & units"
      barDescription="Manage large phase/floor and unit structures for this property."
    >
      {(ctx) => (
        <ClientPropertyEdit
          ctx={ctx}
          propertyId={propertyId}
          listHref={`${listHref}/${propertyId}/edit`}
          mode="layout-only"
        />
      )}
    </ClientWorkspaceLayout>
  );
}