import Header from "@/components/recruiter/header";
import JobForm from "@/components/recruiter/job-form";
import Footer from "@/components/recruiter/footer";

export default function NewJobPage() {
  // à terme : récupéré depuis la session / DB
  const plan: "essential" | "engaged" | "senior_ready" = "essential";

  return (
    <Header />
	<>
      <section className="max-w-6xl mx-auto px-4 mt-16 mb-12">
        <div className="flex flex-col gap-2">
          <h1 className="text-2xl font-semibold">
          📄   Ajouter une offre d’emploi
          </h1>
          <p className="text-sm text-slate-600">
          👉 Cette offre sera diffusée selon les droits inclus dans votre formule JoBBond Senior+.
          </p>

          <div className="mt-2">
            <span className="inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold">
              Formule active :{" "}
              <strong className="ml-1">
                {plan === "essential"
                  ? "Essentielle"
                  : plan === "engaged"
                  ? "Engagée"
                  : "Senior-Ready"}
              </strong>
            </span>
          </div>
        </div>
      </section>

      <JobForm plan={plan} />

      <Footer />
    </>
  );
}