'use client';

import { useEffect } from 'react';
import { useParams, useRouter } from 'next/navigation';
import { JobsPageView } from '@/components/jobs/JobsPageView';
import { parseServiceArea } from '@/lib/region';

export default function RegionalJobsPage() {
  const { slug } = useParams<{ slug: string }>();
  const router = useRouter();

  useEffect(() => {
    if (slug && !parseServiceArea(slug)) {
      router.replace('/jobs');
    }
  }, [slug, router]);

  if (!slug || !parseServiceArea(slug)) {
    return null;
  }

  return <JobsPageView regionSlug={slug} />;
}