'use client';

import { LocationSection } from '@/components/map/LocationMap';
import { resolveJobCoordinates } from '@/lib/geocode';

interface JobLocationMapProps {
  job: {
    id: string;
    location: string;
    latitude?: number | null;
    longitude?: number | null;
    title?: string;
  };
}

export function JobLocationMap({ job }: JobLocationMapProps) {
  const coords = resolveJobCoordinates(job);

  return (
    <LocationSection
      address={job.location}
      pins={
        coords
          ? [{ lat: coords.lat, lng: coords.lng, label: job.title || job.location }]
          : []
      }
      pinType="job"
      note={
        job.latitude == null
          ? 'Pin shows approximate area based on the job location.'
          : undefined
      }
    />
  );
}