WD - Dev
98 lines
3.4 KiB
PHP
98 lines
3.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Halaman Tidak Ditemukan</title>
|
|
<!-- Icon Aplikasi -->
|
|
<link rel="icon" href="https://manjapro.net/dist/img/logo-sm.png" type="image/gif" />
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<style>
|
|
body { font-family: 'Poppins', sans-serif; background: #f5f6f8; zoom: 85%; }
|
|
|
|
.text-orange { color: #ff7a00; }
|
|
|
|
.card { border-radius: 16px; }
|
|
|
|
.header-gradient {
|
|
background: linear-gradient(135deg, #ff7a00, #ff9a3c);
|
|
color: white;
|
|
border-radius: 16px;
|
|
box-shadow: 0 10px 25px rgba(255,122,0,0.2);
|
|
}
|
|
|
|
.status-icon {
|
|
font-size: 70px;
|
|
}
|
|
|
|
.box-instruction {
|
|
background: #fff3e6;
|
|
border-radius: 12px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container py-4" style="max-width: 720px;">
|
|
|
|
<!-- HEADER -->
|
|
<div class="header-gradient p-4 mb-4 text-center">
|
|
<h5 class="mb-0 fw-bold">Halaman Tidak Ditemukan</h5>
|
|
</div>
|
|
|
|
<!-- CARD -->
|
|
<div class="card shadow-sm border-0">
|
|
<div class="card-body p-4 text-center">
|
|
|
|
<i class="bi bi-exclamation-triangle text-warning status-icon"></i>
|
|
<h5 class="mt-3 fw-bold text-orange">404 - Halaman Tidak Valid</h5>
|
|
<p class="text-muted mb-4">URL yang Anda akses tidak dikenali atau tidak tersedia.</p>
|
|
|
|
<!-- DETAIL ERROR -->
|
|
<div class="box-instruction p-3 mb-4 text-start">
|
|
<div class="row">
|
|
<div class="col-md-4 text-center text-md-end mb-2 mb-md-0">
|
|
<strong>Halaman:</strong>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<code class="bg-light p-2 d-inline-block rounded"><?= htmlspecialchars($_GET['page'] ?? 'tidak diketahui') ?></code>
|
|
</div>
|
|
</div>
|
|
|
|
<?php if ($_GET['token'] ?? false): ?>
|
|
<div class="row mt-2">
|
|
<div class="col-md-4 text-center text-md-end mb-2 mb-md-0">
|
|
<strong>Token:</strong>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<code class="bg-light p-2 d-inline-block rounded text-truncate" style="max-width: 250px; display: block;">
|
|
<?= htmlspecialchars(substr($_GET['token'], 0, 8) . '...' . substr($_GET['token'], -8)) ?>
|
|
</code>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($_GET['trx'] ?? false): ?>
|
|
<div class="row mt-2">
|
|
<div class="col-md-4 text-center text-md-end mb-2 mb-md-0">
|
|
<strong>Transaksi:</strong>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<code class="bg-light p-2 d-inline-block rounded"><?= htmlspecialchars($_GET['trx']) ?></code>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|