interface VaccineRow {
  age: string;
  vaccines: string;
  notes: string;
}

const VACCINE_DATA: VaccineRow[] = [
  {
    age: "0 bulan",
    vaccines: "Hep B 0, Polio 0",
    notes: "Mulai vaksinasi segera setelah lahir",
  },
  { age: "1 bulan", vaccines: "BCG", notes: "Perlindungan tuberkulosis" },
  {
    age: "2 bulan",
    vaccines: "DTP 1, Polio 1, Hep B 1, Hib 1, PCV 1, Rotavirus 1",
    notes: "Bisa juga diberikan combo DTP-Hep B-Hib",
  },
  {
    age: "3 bulan",
    vaccines: "DTP 2, Polio 2, Hep B 2, Hib 2",
    notes: "Combo DTP-Hep B-Hib opsional",
  },
  {
    age: "4 bulan",
    vaccines: "DTP 3, Polio 3, Hep B 3, Hib 3, PCV 2, Rotavirus 2",
    notes: "Pastikan dosis lengkap untuk proteksi optimal",
  },
  {
    age: "6 bulan",
    vaccines: "PCV 3, Rotavirus 3, Influenza 1, HFMD 1",
    notes: "Influenza mulai 6 bulan, HFMD opsional sesuai kebijakan klinik",
  },
  {
    age: "7 bulan",
    vaccines: "Influenza 2, HFMD 2",
    notes: "Dosis kedua untuk proteksi lanjutan",
  },
  {
    age: "9 bulan",
    vaccines: "MR 1, JE 1",
    notes: "MR = campak & rubella, JE = Japanese Encephalitis",
  },
  {
    age: "12 bulan",
    vaccines: "PCV 4, Varicella 1, Hep A 1",
    notes: "Lengkapi imunisasi PCV dan Varicella",
  },
  { age: "14 bulan", vaccines: "Varicella 2", notes: "Dosis kedua Varicella" },
  {
    age: "18 bulan",
    vaccines: "DTP 4, Polio 4, Hep B 4, Hib 4, MMR 1, Hep A 2",
    notes: "Combo DTP-Hep B-Hib bisa diterapkan",
  },
  {
    age: "24 bulan",
    vaccines: "JE 2, Tifoid, Influenza",
    notes: "Influenza tiap tahun dianjurkan",
  },
  { age: "3 Tahun", vaccines: "Influenza", notes: "Vaksin tahunan" },
  {
    age: "4 tahun",
    vaccines: "Influenza, DBD 1",
    notes: "DBD = Demam Berdarah, dosis pertama",
  },
  { age: "4 tahun 3 bulan", vaccines: "DBD 2", notes: "Dosis kedua DBD" },
  {
    age: "5 tahun",
    vaccines: "DTP 5, MMR 2, Influenza",
    notes: "Combo DTP 5 (DTaP-IPV) bisa diterapkan",
  },
  {
    age: "6–8 tahun",
    vaccines: "Influenza, Tifoid (tiap 3 tahun)",
    notes: "Tifoid diberikan sesuai interval",
  },
  {
    age: "9 tahun",
    vaccines: "HPV 1, Influenza",
    notes: "HPV mulai usia 9 tahun",
  },
  { age: "9,5 tahun", vaccines: "HPV 2", notes: "Dosis kedua HPV" },
  {
    age: "10 tahun",
    vaccines: "DTP 6 (Tdap), Influenza",
    notes: "Booster Tdap",
  },
  {
    age: "11–18 tahun",
    vaccines: "Influenza, Tifoid (tiap 3 tahun)",
    notes: "Imunisasi lanjutan sesuai risiko",
  },
];

const ProgramVaksinasiAnakTableSection = () => {
  return (
    <section className="bg-background-custom px-6 pb-12">
      <div className="max-w-7xl mx-auto">
        <div className="bg-white rounded-[16px] p-6 lg:p-11 overflow-x-auto">
          <table className="w-full min-w-[1205px]">
            <thead>
              <tr>
                <th className="bg-[#ff4dcf] text-white font-semibold text-[24px] text-center py-5 px-4 rounded-[8px] w-[397px]">
                  Usia / Bulan
                </th>
                <th className="bg-[#ff4dcf] text-white font-semibold text-[24px] text-center py-5 px-4 rounded-[8px] w-[400px]">
                  Vaksin
                </th>
                <th className="bg-[#ff4dcf] text-white font-semibold text-[24px] text-center py-5 px-4 rounded-[8px] w-[400px]">
                  Catatan / Kombinasi
                </th>
              </tr>
            </thead>
            <tbody>
              {VACCINE_DATA.map((row, index) => (
                <tr key={index}>
                  <td className="bg-[#ffd4f4] border border-[#ff2ac6] text-[#1a1a1a] font-normal text-[24px] text-center py-5 px-4">
                    {row.age}
                  </td>
                  <td className="bg-[#ffd4f4] border border-[#ff2ac6] text-[#1a1a1a] font-normal text-[24px] text-center py-5 px-4">
                    {row.vaccines}
                  </td>
                  <td className="bg-[#ffd4f4] border border-[#ff2ac6] text-[#1a1a1a] font-normal text-[24px] text-center py-5 px-4">
                    {row.notes}
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </section>
  );
};

export default ProgramVaksinasiAnakTableSection;