import { getSettings } from "@/lib/session";
import { updateModulesAction } from "@/server/actions/admin";

export default async function AdminModulesPage({
  searchParams,
}: {
  searchParams: Promise<{ ok?: string }>;
}) {
  const s = await getSettings();
  const sp = await searchParams;
  return (
    <div>
      <h1 className="text-2xl font-semibold">Modules</h1>
      <p className="mt-1 text-sm text-white/60">
        Activa o desactiva secciones publicas de la plataforma.
      </p>
      {sp.ok && (
        <p className="mt-2 text-sm text-[var(--lime)]">Modulos guardados.</p>
      )}
      <form action={updateModulesAction} className="card mt-4 space-y-4">
        <label className="flex items-center gap-2 text-sm">
          <input
            type="checkbox"
            name="moduleServices"
            defaultChecked={s.moduleServices}
          />
          Modulo Servicios
        </label>
        <label className="flex items-center gap-2 text-sm">
          <input
            type="checkbox"
            name="moduleClassifieds"
            defaultChecked={s.moduleClassifieds}
          />
          Modulo Clasificados
        </label>
        <label className="flex items-center gap-2 text-sm">
          <input type="checkbox" name="moduleJobs" defaultChecked={s.moduleJobs} />
          Modulo Empleos
        </label>
        <button className="btn-primary" type="submit">
          Guardar modulos
        </button>
      </form>
    </div>
  );
}