"use client";

/**
 * Route: /modules/companies/edit/[id]
 * File path: app/modules/companies/edit/[id]/page.tsx
 */

import { useParams } from "next/navigation";
import CompanyFormPage from "../../Form/CompanyFormPage";
import { AppToaster } from "../../../../../../components/AppToaster";

export default function EditCompanyPage() {
  const params = useParams();
  const rawId = params?.id;
  const idStr = Array.isArray(rawId) ? rawId[0] : rawId;
  const editId = idStr ? Number(idStr) : null;

  if (!editId || Number.isNaN(editId)) {
    return (
      <div style={{ padding: 24 }}>
        <p style={{ color: "#b42318" }}>Invalid company ID.</p>
      </div>
    );
  }

  return (
    <>
      <AppToaster />
      <CompanyFormPage editId={editId} returnTo="/modules/companies" />
    </>
  );
}