import { requireSession } from "@/lib/session";
import { createJobAction } from "@/server/actions/jobs";

export default async function NuevoEmpleoPage({
  searchParams,
}: {
  searchParams: Promise<{ error?: string }>;
}) {
  await requireSession();
  const sp = await searchParams;
  return (
    <div className="mx-auto max-w-lg">
      <h1 className="text-2xl font-semibold">Publicar empleo</h1>
      {sp.error && <p className="mt-2 text-sm text-red-300">{sp.error}</p>}
      <form action={createJobAction} className="card mt-6 space-y-4">
        <div>
          <label className="label">Titulo</label>
          <input className="input" name="title" required />
        </div>
        <div>
          <label className="label">Empresa</label>
          <input className="input" name="company" />
        </div>
        <div>
          <label className="label">Categoria</label>
          <input className="input" name="category" defaultValue="General" />
        </div>
        <div>
          <label className="label">Tipo</label>
          <select className="input" name="type" defaultValue="full_time">
            <option value="full_time">Full time</option>
            <option value="part_time">Part time</option>
            <option value="contract">Contract</option>
          </select>
        </div>
        <div>
          <label className="label">Ciudad</label>
          <input className="input" name="city" required />
        </div>
        <div>
          <label className="label">Salario</label>
          <input className="input" name="salary" placeholder="$12/hora" />
        </div>
        <div>
          <label className="label">Descripcion</label>
          <textarea className="input min-h-24" name="description" required />
        </div>
        <div>
          <label className="label">Requisitos</label>
          <textarea className="input" name="requirements" />
        </div>
        <button className="btn-primary" type="submit">
          Publicar
        </button>
      </form>
    </div>
  );
}