diff --git a/Tugas1/index.html b/Tugas1/index.html
index 3ede77f..d8ba224 100644
--- a/Tugas1/index.html
+++ b/Tugas1/index.html
@@ -2,18 +2,35 @@
- Tugas 2 - Jalan dan Tanah
+ Tugas 1 - WebGIS SPBU
-
-
+
-← Kembali ke Landing PageTugas 2 - Jalan & Tanah
Gunakan toolbar gambar di kiri peta. Polyline disimpan sebagai jalan, polygon disimpan sebagai tanah.
━━ Jalan
■ Bidang Tanah
-
+
+
+
+
← Kembali ke Landing Page
+
Tugas 1 - Pemetaan SPBU
+
Klik peta untuk menambah marker SPBU.
+
+
+
+
+
⛽ Hijau: 24 jam
⛽ Merah: tidak 24 jam
+
+const map=L.map('map').setView([-0.0263,109.3425],12);
+L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{maxZoom:19,attribution:'© OpenStreetMap'}).addTo(map);
+let titikTerakhir=null, layer=L.layerGroup().addTo(map);
+function icon(buka){return L.divIcon({html:`⛽
`,className:'',iconSize:[34,34],iconAnchor:[17,17]});}
+map.on('click',e=>{titikTerakhir=e.latlng;L.popup().setLatLng(e.latlng).setContent('Titik dipilih. Isi form lalu simpan.').openOn(map)});
+function simpanDariForm(){if(!titikTerakhir)return alert('Klik titik lokasi SPBU di peta dulu.'); const nama=document.getElementById('nama').value.trim(); if(!nama)return alert('Nama SPBU wajib diisi.'); fetch('../api.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({action:'add_spbu',nama,hp:document.getElementById('hp').value,buka:parseInt(document.getElementById('buka').value),lat:titikTerakhir.lat,lng:titikTerakhir.lng})}).then(r=>r.json()).then(()=>{loadData();alert('SPBU tersimpan');});}
+function loadData(){layer.clearLayers();fetch('../api.php?action=get_spbu').then(r=>r.json()).then(data=>{data.forEach(d=>{L.marker([d.lat,d.lng],{icon:icon(d.buka)}).addTo(layer).bindPopup(`${d.nama}
${d.hp||''}
Status: ${d.buka==1?'Buka 24 Jam':'Tidak 24 Jam'}
`);});});}
+function hapus(id){if(!confirm('Hapus data ini?'))return;fetch('../api.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({action:'delete_spbu',id})}).then(()=>loadData());}
+loadData();
+
+
+