265 lines
4.2 KiB
PHP
265 lines
4.2 KiB
PHP
<?php
|
|
session_start();
|
|
if(!isset($_SESSION['id'])){
|
|
header("Location:login.php");
|
|
exit;
|
|
}
|
|
|
|
$role = $_SESSION['role'];
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Dashboard WebGIS</title>
|
|
|
|
<style>
|
|
|
|
/* ===== GLOBAL ===== */
|
|
*{
|
|
margin:0;
|
|
padding:0;
|
|
box-sizing:border-box;
|
|
font-family:Segoe UI, sans-serif;
|
|
}
|
|
|
|
body{
|
|
display:flex;
|
|
height:100vh;
|
|
background:#f4f7fb;
|
|
}
|
|
|
|
/* ===== SIDEBAR ===== */
|
|
.sidebar{
|
|
width:260px;
|
|
background:#0f766e;
|
|
color:white;
|
|
padding:20px;
|
|
display:flex;
|
|
flex-direction:column;
|
|
}
|
|
|
|
.sidebar h2{
|
|
font-size:20px;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.role-box{
|
|
background:rgba(255,255,255,0.15);
|
|
padding:10px;
|
|
border-radius:10px;
|
|
margin-bottom:15px;
|
|
font-size:13px;
|
|
}
|
|
|
|
.role-badge{
|
|
display:inline-block;
|
|
margin-top:5px;
|
|
padding:4px 10px;
|
|
border-radius:20px;
|
|
background:#22c55e;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* MENU */
|
|
.menu a{
|
|
display:block;
|
|
padding:10px;
|
|
margin-bottom:8px;
|
|
background:rgba(255,255,255,0.12);
|
|
color:white;
|
|
text-decoration:none;
|
|
border-radius:8px;
|
|
font-size:14px;
|
|
transition:0.2s;
|
|
}
|
|
|
|
.menu a:hover{
|
|
background:rgba(255,255,255,0.25);
|
|
transform:translateX(3px);
|
|
}
|
|
|
|
/* ===== CONTENT ===== */
|
|
.content{
|
|
flex:1;
|
|
padding:25px;
|
|
overflow:auto;
|
|
}
|
|
|
|
.header h1{
|
|
font-size:24px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.header p{
|
|
color:#6b7280;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
/* CARD */
|
|
.cards{
|
|
display:grid;
|
|
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
|
|
gap:15px;
|
|
}
|
|
|
|
.card{
|
|
background:white;
|
|
padding:20px;
|
|
border-radius:15px;
|
|
box-shadow:0 10px 25px rgba(0,0,0,0.06);
|
|
border-left:5px solid #0ea5e9;
|
|
}
|
|
|
|
.card h3{
|
|
font-size:20px;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.card p{
|
|
color:#6b7280;
|
|
font-size:13px;
|
|
}
|
|
|
|
.tag{
|
|
display:inline-block;
|
|
margin-top:10px;
|
|
padding:5px 10px;
|
|
background:#e0f2fe;
|
|
color:#0369a1;
|
|
border-radius:20px;
|
|
font-size:12px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- SIDEBAR -->
|
|
<div class="sidebar">
|
|
|
|
<h2>🌿 WebGIS Kemiskinan</h2>
|
|
|
|
<div class="role-box">
|
|
Login sebagai<br>
|
|
<strong><?= $_SESSION['nama'] ?></strong><br>
|
|
<span class="role-badge"><?= strtoupper($role) ?></span>
|
|
</div>
|
|
|
|
<div class="menu">
|
|
|
|
<a href="index.php">🏠 Dashboard</a>
|
|
<a href="peta.php">🗺️ Peta Interaktif</a>
|
|
|
|
<!-- ADMIN -->
|
|
<?php if($role == "admin"){ ?>
|
|
<a href="bantuan.php?view=validasi">📊 Validasi Bantuan</a>
|
|
<a href="bantuan.php?view=monitoring">📈 Semua Data Monitoring</a>
|
|
<?php } ?>
|
|
|
|
<!-- PENGURUS (RUMAH IBADAH) -->
|
|
<?php if($role == "pengurus"){ ?>
|
|
<a href="bantuan.php?view=distribusi">🎁 Distribusi Bantuan</a>
|
|
<a href="bantuan.php?view=radius">📍 Data Radius Monitoring</a>
|
|
<?php } ?>
|
|
|
|
<!-- PENGGUNA (KELUARGA MISKIN) -->
|
|
<?php if($role == "pengguna"){ ?>
|
|
<a href="bantuan.php?view=status">📦 Status Bantuan Saya</a>
|
|
<?php } ?>
|
|
|
|
<a href="logout.php">🚪 Logout</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- CONTENT -->
|
|
<div class="content">
|
|
|
|
<div class="header">
|
|
<h1>
|
|
<?php
|
|
if($role=="admin") echo "Admin Dashboard";
|
|
elseif($role=="pengurus") echo "Dashboard Pengurus Rumah Ibadah";
|
|
else echo "Dashboard Keluarga";
|
|
?>
|
|
</h1>
|
|
|
|
<p>
|
|
<?php
|
|
if($role=="admin"){
|
|
echo "Monitoring seluruh sistem, validasi bantuan, dan kontrol data.";
|
|
}elseif($role=="pengurus"){
|
|
echo "Mengelola rumah ibadah dan distribusi bantuan di wilayah radius.";
|
|
}else{
|
|
echo "Melihat status bantuan dan menginput data keluarga miskin.";
|
|
}
|
|
?>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="cards">
|
|
|
|
<?php if($role=="admin"){ ?>
|
|
|
|
<div class="card">
|
|
<h3>⚙️ Kontrol Sistem</h3>
|
|
<p>Kelola semua user dan data sistem</p>
|
|
<span class="tag">Full Access</span>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>📊 Monitoring Global</h3>
|
|
<p>Semua data rumah ibadah & keluarga miskin</p>
|
|
<span class="tag">Admin View</span>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<?php if($role=="pengurus"){ ?>
|
|
|
|
<div class="card">
|
|
<h3>🏛️ Rumah Ibadah</h3>
|
|
<p>Input dan kelola lokasi rumah ibadah</p>
|
|
<span class="tag">Input Data</span>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>🎁 Distribusi Bantuan</h3>
|
|
<p>Memberikan bantuan ke keluarga miskin</p>
|
|
<span class="tag">Aid System</span>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<?php if($role=="pengguna"){ ?>
|
|
|
|
<div class="card">
|
|
<h3>👨👩👧 Data Keluarga</h3>
|
|
<p>Input data keluarga miskin</p>
|
|
<span class="tag">User Input</span>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>📦 Bantuan Saya</h3>
|
|
<p>Status bantuan yang diterima</p>
|
|
<span class="tag">Tracking</span>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<div class="card">
|
|
<h3>🗺️ Peta GIS</h3>
|
|
<p>Akses peta interaktif seluruh data</p>
|
|
<span class="tag">WebGIS</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|