"use client";

import Image from "next/image";
import { useParams } from "next/navigation";

const regions = [
  { name: "Polda Aceh", slug: "aceh", logo: "/logo/polda/polda-aceh.png" },
  { name: "Polda Bali", slug: "bali", logo: "/logo/polda/polda-bali.png" },
  { name: "Polda Bangka Belitung", slug: "bangka-belitung", logo: "/logo/polda/polda-bangkabelitung.png" },
  { name: "Polda Banten", slug: "banten", logo: "/logo/polda/polda-banten.png" },
  { name: "Polda Bengkulu", slug: "bengkulu", logo: "/logo/polda/polda-bengkulu.png" },
  { name: "Polda DIY", slug: "di-yogyakarta", logo: "/logo/polda/polda-jogja.png" },
  { name: "Polda Gorontalo", slug: "gorontalo", logo: "/logo/polda/polda-gorontalo.png" },
  { name: "Polda Jambi", slug: "jambi", logo: "/logo/polda/polda-jambi.png" },
  { name: "Polda Jawa Barat", slug: "jawa-barat", logo: "/logo/polda/polda-jawabarat.png" },
  { name: "Polda Jawa Tengah", slug: "jawa-tengah", logo: "/logo/polda/polda-jawatengah.png" },
  { name: "Polda Jawa Timur", slug: "jawa-timur", logo: "/logo/polda/polda-jawatimur.png" },
  { name: "Polda Kalimantan Barat", slug: "kalimantan-barat", logo: "/logo/polda/polda-kalbar.png" },
  { name: "Polda Kalimantan Selatan", slug: "kalimantan-selatan", logo: "/logo/polda/polda-kalsel.png" },
  { name: "Polda Kalimantan Tengah", slug: "kalimantan-tengah", logo: "/logo/polda/polda-kalteng.png" },
  { name: "Polda Kalimantan Timur", slug: "kalimantan-timur", logo: "/logo/polda/polda-kaltim.png" },
  { name: "Polda Kalimantan Utara", slug: "kaltara", logo: "/logo/polda/polda-kaltara.png" },
  { name: "Polda Kepulauan Riau", slug: "kepulauan-riau", logo: "/logo/polda/polda-kepri.png" },
  { name: "Polda Lampung", slug: "lampung", logo: "/logo/polda/polda-lampung.png" },
  { name: "Polda Maluku", slug: "maluku", logo: "/logo/polda/polda-maluku.png" },
  { name: "Polda Maluku Utara", slug: "maluku-utara", logo: "/logo/polda/polda-maluku-utara.png" },
  { name: "Polda Metro Jaya", slug: "metro-jaya", logo: "/logo/polda/polda-metro.png" },
  { name: "Polda NTB", slug: "ntb", logo: "/logo/polda/polda-ntb.png" },
  { name: "Polda NTT", slug: "ntt", logo: "/logo/polda/polda-ntt.png" },
  { name: "Polda Papua", slug: "papua", logo: "/logo/polda/polda-papua.png" },
  { name: "Polda Papua Barat", slug: "papua-barat", logo: "/logo/polda/polda-papua-barat.png" },
  { name: "Polda Riau", slug: "riau", logo: "/logo/polda/polda-riau.png" },
  { name: "Polda Sulawesi Barat", slug: "sulawesi-barat", logo: "/logo/polda/polda-sulbar.png" },
  { name: "Polda Sulawesi Selatan", slug: "sulawesi-selatan", logo: "/logo/polda/polda-sulsel.png" },
  { name: "Polda Sulawesi Tengah", slug: "sulawesi-tengah", logo: "/logo/polda/polda-sulawesi-tengah.png" },
  { name: "Polda Sulawesi Tenggara", slug: "sulawesi-tenggara", logo: "/logo/polda/polda-sulawesi-tenggara.png" },
  { name: "Polda Sulawesi Utara", slug: "sulawesi-utara", logo: "/logo/polda/polda-sulawesi-utara.png" },
  { name: "Polda Sumatera Barat", slug: "sumatera-barat", logo: "/logo/polda/polda-sumatera-barat.png" },
  { name: "Polda Sumatera Selatan", slug: "sumatera-selatan", logo: "/logo/polda/polda-sumsel.png" },
  { name: "Polda Sumatera Utara", slug: "sumatera-utara", logo: "/logo/polda/polda-sumut.png" },
];

export default function PoldaLogo() {
  const params = useParams();
  const poldaSlug = params?.slug ?? ""; // pastikan kamu di route [slug] atau [poldaSlug]

  const region = regions.find((r) => r.slug === poldaSlug);
  const logoSrc = region?.logo ?? "/logo/polda/default.png";

  return (
    <div className="flex justify-center items-center my-6">
      <Image  priority={true} src={logoSrc} alt={region?.name || "Logo Polda"} width={128} height={128} className="object-contain" />
    </div>
  );
}
