fananazril
87 lines
3.7 KiB
PHP
87 lines
3.7 KiB
PHP
<?php // Modal: Tambah / Edit Rumah Ibadah ?>
|
|
|
|
<div class="modal-overlay" id="modal-ibadah">
|
|
<div class="modal-card">
|
|
|
|
<!-- Header -->
|
|
<div class="modal-header" style="background:linear-gradient(135deg,rgba(91,127,255,0.12),rgba(124,91,255,0.08));border-bottom:1px solid rgba(91,127,255,0.2);">
|
|
<div class="modal-title" id="modal-ibadah-title">🏛️ Tambah Rumah Ibadah</div>
|
|
<button class="modal-close" onclick="closeModalIbadah()" type="button" title="Tutup">✕</button>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<div class="modal-body">
|
|
<input type="hidden" id="ibadah-edit-id">
|
|
|
|
<!-- Lokasi -->
|
|
<div class="section-label">📍 Lokasi</div>
|
|
<div class="form-group">
|
|
<div class="addr-preview" id="ibadah-coord-display" style="font-family:monospace;font-size:11px;">Lat: — Lng: —</div>
|
|
<div class="addr-preview" id="ibadah-addr-display" style="margin-top:6px;">
|
|
<span class="addr-loading">Pilih titik di peta terlebih dahulu...</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Kelurahan</label>
|
|
<input class="form-control" id="ibadah-kelurahan" placeholder="Kelurahan / Desa">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Kecamatan</label>
|
|
<input class="form-control" id="ibadah-kecamatan" placeholder="Kecamatan">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Data Rumah Ibadah -->
|
|
<div class="section-label">🕌 Data Rumah Ibadah</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Nama Rumah Ibadah <span style="color:var(--red)">*</span></label>
|
|
<input class="form-control" id="ibadah-nama" placeholder="Mis. Masjid Al-Ikhlas">
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Jenis <span style="color:var(--red)">*</span></label>
|
|
<select class="form-control" id="ibadah-jenis">
|
|
<option value="Masjid">🕌 Masjid</option>
|
|
<option value="Musholla">🕌 Musholla</option>
|
|
<option value="Gereja">⛪ Gereja</option>
|
|
<option value="Katolik">⛪ Gereja Katolik</option>
|
|
<option value="Pura">🛕 Pura</option>
|
|
<option value="Vihara">🛕 Vihara</option>
|
|
<option value="Klenteng">⛩️ Klenteng</option>
|
|
<option value="Lainnya">🙏 Lainnya</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Kontak / Telepon</label>
|
|
<input class="form-control" id="ibadah-kontak" placeholder="0561-xxx / 08xx-xxxx">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Radius -->
|
|
<div class="section-label">📏 Radius Layanan</div>
|
|
<div class="form-group">
|
|
<div class="range-wrapper">
|
|
<input type="range" id="ibadah-radius" min="100" max="5000" step="50" value="300"
|
|
style="flex:1;accent-color:var(--accent);">
|
|
<span class="range-val" id="ibadah-radius-val">300 m</span>
|
|
</div>
|
|
<div style="display:flex;justify-content:space-between;font-size:9px;color:var(--text3);margin-top:3px;">
|
|
<span>Min: 100 m</span><span>Default: 300 m</span><span>Max: 5 km</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- /.modal-body -->
|
|
|
|
<!-- Footer -->
|
|
<div class="modal-footer">
|
|
<button class="btn btn-ghost" onclick="closeModalIbadah()" type="button">
|
|
<i class="bi bi-x-lg"></i> Batal
|
|
</button>
|
|
<button class="btn btn-primary" id="btn-save-ibadah" type="button">
|
|
<i class="bi bi-floppy2-fill"></i> Simpan
|
|
</button>
|
|
</div>
|
|
|
|
</div><!-- /.modal-card -->
|
|
</div><!-- /.modal-overlay #modal-ibadah -->
|