refactor: update pangan data retrieval to include id_takaran

Author: jioooo20

Diff for: app/Http/Controllers/Keluarga.php

@@ -44,7 +44,7 @@ public function show(): View
     {
         $kader = User::find(Auth::user()->id_user)->kader;
         $desa = DesaModel::where('id_kecamatan', $kader->kecamatan->id_kecamatan)->get()->mapWithKeys(fn($item) => [$item->id_desa => $item->nama_desa . ' - ' . $item->kode_wilayah])->toArray();
-        $nama_pangan = PanganModel::pluck('nama_pangan');
+        $nama_pangan = PanganModel::select('nama_pangan', 'id_takaran')->get();
         $batas_bawah = RentangUangModel::pluck('batas_bawah', 'id_rentang_uang')->toArray();
         $batas_atas = RentangUangModel::pluck('batas_atas', 'id_rentang_uang')->toArray();
         $takaran = TakaranModel::pluck('nama_takaran', 'id_takaran');

Diff for: resources/views/components/surveyor/tambah-data-keluarga/pangan.blade.php

@@ -52,15 +52,18 @@ class="cursor-pointer rounded-lg bg-green-600 px-4 py-2.5 text-white shadow-sm t
             const tombol_tambah = document.getElementById('tombol-tambah');
             const nama_pangan = @json($nama_pangan);
             const takaran = @json($takaran);
+            console.log(nama_pangan);
+            // console.log(takaran);
 
             if (!window.daftar_pangan) window.daftar_pangan = [];
 
             Object.entries(nama_pangan).forEach(([id, nama]) => {
                 let opsi = document.createElement('option');
                 opsi.value = id;
-                opsi.textContent = nama;
-                opsi.dataset.takaran = takaran[id] || '';
+                opsi.textContent = `${nama.nama_pangan} `;
+                opsi.dataset.takaran = takaran[nama.id_takaran] || '';
                 pilihan_nama_pangan.appendChild(opsi);
+                // console.log(opsi);
             });
 
             pilihan_nama_pangan.addEventListener('change', () => {
@@ -140,4 +143,4 @@ class="cursor-pointer rounded-lg bg-green-600 px-4 py-2.5 text-white shadow-sm t
             perbarui_tabel();
         });
     </script>
-@endpush
+@endpush