Webgis-Poverty/pages/manajemen_akun.php

<div class="dashboard-content">

      <!-- Page Header -->
      <div class="page-header">
        <div class="page-title-group">
          <h1>🏛️ Manajemen Akun Rumah Ibadah</h1>
          <p>Kelola akun dan pantau statistik penyaluran bantuan masing-masing rumah ibadah.</p>
        </div>
        <div class="page-actions">
          <button class="btn btn-primary" onclick="window.location.href='?page=map#tambah-ri'" id="btn-tambah-ri">
            ＋ Tambah Rumah Ibadah
          </button>
        </div>
      </div>

      <!-- Filter & Search Bar -->
      <div class="filter-bar">
        <div class="filter-search">
          <span class="filter-search-icon">⌕</span>
          <input type="search" id="search-input" placeholder="Cari nama atau jenis rumah ibadah…" autocomplete="off" oninput="filterCards()">
        </div>
        <select class="filter-select" id="filter-jenis" onchange="filterCards()">
          <option value="">Semua Jenis</option>
          <option value="Masjid">Masjid</option>
          <option value="Gereja">Gereja</option>
          <option value="Pura">Pura</option>
          <option value="Vihara">Vihara</option>
          <option value="Klenteng">Klenteng</option>
          <option value="Lainnya">Lainnya</option>
        </select>
        <select class="filter-select" id="filter-akun" onchange="filterCards()">
          <option value="">Semua Status Akun</option>
          <option value="active">Akun Aktif</option>
          <option value="inactive">Belum Ada Akun</option>
        </select>
        <span class="filter-count" id="filter-count">—</span>
      </div>

      <!-- Cards Grid -->
      <div class="ri-grid" id="ri-grid">
        <div class="loading-spinner-wrap">
          <span class="spinner" style="width:20px;height:20px;border-width:3px;"></span>
          <p style="margin-top:12px">Memuat data rumah ibadah…</p>
        </div>
      </div>

    </div>

  <div class="detail-overlay" id="detail-overlay" onclick="closeDrawer(event)">
    <div class="detail-drawer" id="detail-drawer">
      <div class="drawer-head">
        <h2 id="drawer-title">Detail Rumah Ibadah</h2>
        <button class="drawer-close" onclick="closeDrawer()">✕</button>
      </div>
      <div class="drawer-body" id="drawer-body">
        <div class="loading-spinner-wrap">
          <span class="spinner" style="width:20px;height:20px;border-width:3px;"></span>
        </div>
      </div>
    </div>
  </div>