import Container from "@/components/ui/Container";
import Hero from "@/components/sections/Hero";
import DynamicForm from "@/components/forms/DynamicForm";
import { getFormSchema } from "@/lib/api";

export const metadata = { title: "Employment Application | LarCare Services" };

export default async function EmploymentApplicationPage() {
  const schema = await getFormSchema("employment-application");

  return (
    <>
      <Hero title={schema?.name || "Employment Application"} imageUrl="/images/hero/forms-hero.jpg" />
      <section className="py-16">
        <Container className="max-w-2xl mx-auto">
          {schema ? (
            <DynamicForm formKey={schema.formKey} fields={schema.fields} successMessage={schema.successMessage} />
          ) : (
            <p className="text-sm text-neutral-500 text-center">
              This form isn&apos;t available right now — please check back later or contact us directly.
            </p>
          )}
        </Container>
      </section>
    </>
  );
}