"use client";

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

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

  return (
    <ClientWorkspaceLayout
      title="More details"
      barDescription="Floors, units, blocks, and plots for the selected property."
    >
      {(ctx) => (
        <ClientPropertyLayoutEdit ctx={ctx} propertyId={propertyId} listHref={listHref} />
      )}
    </ClientWorkspaceLayout>
  );
}