From ff296365097374dcde44ab16a85ec63e3dbfb98e Mon Sep 17 00:00:00 2001
From: Kevin Hendrawan <projectkevin97@gmail.com>
Date: Sat, 22 Nov 2025 00:16:32 +0700
Subject: [PATCH] feat(profil): add sop and jenis bank sampah field

---
 Views/Main/Profil/Edit.cshtml | 47 +++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/Views/Main/Profil/Edit.cshtml b/Views/Main/Profil/Edit.cshtml
index f6508b0..1c0c146 100644
--- a/Views/Main/Profil/Edit.cshtml
+++ b/Views/Main/Profil/Edit.cshtml
@@ -179,6 +179,32 @@
                     </fieldset>
                 </div>
             </div>
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Jenis Bank Sampah
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select id="jenis_bank_sampah" class="select w-full" required>
+                            <option value="" disabled selected>Pilih Jenis Bank Sampah</option>
+                        </select>
+                    </fieldset>
+                </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Memiliki SOP ?
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select id="sop" class="select w-full" required>
+                            <option value="" disabled selected>Pilih Kepemilikan</option>
+                            <option>Ya</option>
+                            <option>Tidak</option>
+                        </select>
+                    </fieldset>
+                </div>
+            </div>
             <div class="divider"></div>
             <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
                 <div class="flex flex-col">
@@ -358,5 +384,26 @@
             initialLng: 106.8456,
             initialZoom: 12
         });
+
+        $.ajax({
+            url: '/Master/JenisBankSampah/table',   // Ganti sesuai endpoint kamu
+            method: 'GET',
+            dataType: 'json',
+            success: function (response) {    
+                 // Buat HTML option dengan map
+                let options = response.data
+                    .map(item => `<option value="${item.nama}">${item.nama}</option>`)
+                    .join("");
+
+                // Masukkan ke dropdown
+                $("#jenis_bank_sampah").html(`
+                    <option value="" disabled selected>Pilih Jenis Bank Sampah</option>
+                    ${options}
+                `);
+            },
+            error: function () {
+                console.error('Gagal memuat data jenis bank sampah.');
+            }
+        });
     </script>
 }
\ No newline at end of file