63 lines
3.2 KiB
PHP
63 lines
3.2 KiB
PHP
<?php
|
|
session_start();
|
|
if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
|
|
header('Location: admin.php');
|
|
exit;
|
|
}
|
|
$error = $_GET['error'] ?? '';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login Admin - WebGIS Kemiskinan</title>
|
|
<style>
|
|
*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Verdana,sans-serif}
|
|
body{min-height:100vh;background:linear-gradient(135deg,#0f766e,#0ea5e9);display:flex;align-items:center;justify-content:center;padding:20px}
|
|
.card{width:100%;max-width:420px;background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.25);overflow:hidden}
|
|
.head{padding:28px 30px;background:#0f172a;color:#fff;text-align:center}
|
|
.head h1{font-size:24px;margin-bottom:8px}.head p{font-size:14px;color:#cbd5e1}
|
|
form{padding:28px 30px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;color:#334155;margin-bottom:8px;font-size:14px}
|
|
.field input{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;outline:none}.field input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}
|
|
.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:11px 12px;border-radius:10px;margin-bottom:16px;font-size:14px}
|
|
button{width:100%;border:0;background:#0f766e;color:white;padding:13px;border-radius:10px;font-weight:800;font-size:15px;cursor:pointer}button:hover{background:#115e59}
|
|
.links{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:14px}.links a{color:#0369a1;text-decoration:none;font-weight:700}.links a:hover{text-decoration:underline}
|
|
.demo{margin-top:18px;background:#f1f5f9;border:1px dashed #94a3b8;border-radius:10px;padding:12px;font-size:13px;color:#334155;line-height:1.6}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="head">
|
|
<h1>Login Admin</h1>
|
|
<p>WebGIS Pemetaan Kemiskinan Pontianak</p>
|
|
</div>
|
|
<form action="login_process.php" method="POST">
|
|
<?php if ($error === 'empty'): ?>
|
|
<div class="alert">Username dan password wajib diisi.</div>
|
|
<?php elseif ($error === 'wrong'): ?>
|
|
<div class="alert">Username atau password salah.</div>
|
|
<?php endif; ?>
|
|
<div class="field">
|
|
<label>Username</label>
|
|
<input type="text" name="username" placeholder="Masukkan username" required autofocus>
|
|
</div>
|
|
<div class="field">
|
|
<label>Password</label>
|
|
<input type="password" name="password" placeholder="Masukkan password" required>
|
|
</div>
|
|
<button type="submit">Masuk Dashboard Admin</button>
|
|
<div class="links">
|
|
<a href="index.html">← Kembali ke Peta</a>
|
|
<a href="cek_bantuan.php">Cek Bantuan</a>
|
|
</div>
|
|
<div class="demo">
|
|
<strong>Akun demo:</strong><br>
|
|
Username: <code>admin</code><br>
|
|
Password: <code>password</code>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|