<?= view('customer/menu', ['func' => $func, 'db' => $db]) ?>

<style>
/* ===== EMPTY PAGE / NOT FOUND CENTER ===== */
.pm-empty-wrap{
  min-height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.pm-empty-card{
  max-width: 520px;
  width: 100%;
  text-align: center;
  padding: 28px 26px;
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 55px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}
.pm-empty-code{
  font-size: 54px;
  font-weight: 900;
  margin-bottom: 6px;
}
.pm-empty-title{
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 8px;
}
.pm-empty-desc{
  opacity: .85;
  line-height: 1.6;
  margin-bottom: 18px;
}
.pm-empty-actions{
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.pm-empty-btn{
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.pm-empty-btn.primary{
  border-color: rgba(248,0,32,.6);
  background: rgba(248,0,32,.18);
}
.pm-empty-btn:hover{
  border-color: rgba(248,0,32,.8);
}
</style>

<div class="pm-empty-wrap">
  <div class="pm-empty-card">
    <div class="pm-empty-code">404</div>
    <div class="pm-empty-title">Halaman Tidak Tersedia</div>
    <div class="pm-empty-desc">
      Maaf, halaman yang Anda akses tidak ditemukan atau sedang dalam pengembangan.
      Silakan kembali ke halaman utama atau gunakan menu di atas.
    </div>

    <div class="pm-empty-actions">
      <a href="<?= site_url() ?>" class="pm-empty-btn primary">🏠 Beranda</a>
      <a href="javascript:history.back()" class="pm-empty-btn">← Kembali</a>
    </div>
  </div>
</div>
