MINI

files >> C:/xampp/htdocs/vot/index.php
 <?php
session_start();
include "config.php";

$error = "";

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $nik = trim($_POST['nik']);

    // ✅ Validasi NIK 16 digit angka
    if (!preg_match('/^[0-9]{16}$/', $nik)) {
        $error = "NIK harus 16 digit !";
    } else {

        // ✅ Aman dari SQL Injection
        $stmt = $conn->prepare("SELECT nik FROM voters WHERE nik = ?");
        $stmt->bind_param("s", $nik);
        $stmt->execute();
        $result = $stmt->get_result();

        if ($result->num_rows > 0) {
            $_SESSION['nik'] = $nik;
            header("Location: vote.php");
            exit;
        } else {
            $error = "NIK tidak terdaftar di RT 28";
        }

        $stmt->close();
    }
}
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Voting RT 28</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<style>
body{
    background: linear-gradient(135deg,#0d6efd,#20c997);
    min-height: 100vh;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    font-family: Arial, sans-serif;
    padding-top:70px;
}

.mobile-wrap{
    width:100%;
    max-width:380px;
    text-align:center;
}

.mobile-card{
    width:100%;
    border-radius:18px;
}

input{
    font-size:18px;
    text-align:center;
    letter-spacing:2px;
}

.btn{
    font-size:18px;
    padding:12px;
    border-radius:12px;
}

.header-bar{
    position:fixed;
    top:0;
    width:100%;
    background:#0d6efd;
    color:white;
    text-align:center;
    font-weight:bold;
    padding:10px;
    z-index:999;
}

.running-text{
    background:#f8f9fa;
    border-radius:10px;
    font-size:13px;
    padding:8px;
    margin-bottom:10px;
}

/* ✅ Logo di luar kolom */
.logo-kab{
    width:90px;
    margin:10px auto 12px auto;
    display:block;
}
</style>
</head>

<body>

<!-- ✅ HEADER -->
<div class="header-bar">
VOLING KETUA RT 28
</div>

<div class="mobile-wrap">

    <!-- ✅ LOGO DI LUAR KOLOM -->
    <img src="logo_kalimantan_utara.png" class="logo-kab" alt="Logo Kabupaten">

    <div class="card mobile-card shadow p-4">

        <h6 class="fw-bold mb-3">Masukan Nik KTP anda</h6>

        <form method="post">

            <input type="tel"
                   name="nik"
                   maxlength="16"
                   class="form-control mb-2"
                   placeholder=""
                   required>

            <!-- ✅ RUNNING TEXT PER KANDIDAT -->
            <div class="running-text text-center fw-semibold">
                <marquee scrollamount="4">
				🗳️ Silahkan pilih Calon Ketua RT 28 | 
                    <span class="text-success">🟢 1. FAUZIAH</span>
                    &nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="text-warning">🟡 2. DIAN HANDAYANI</span>
                    &nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="text-danger">🔴 3. HIKMAT BUDIMAN, S.E, M.AP</span>
                </marquee>
            </div>

            <button class="btn btn-primary w-100 fw-bold">
                MASUK VOTING
            </button>

        </form>

        <!-- ✅ PESAN ERROR -->
        <?php if(!empty($error)): ?>
            <div class="alert alert-danger mt-3 text-center">
                <?= $error ?>
            </div>
        <?php endif; ?>

        <div class="text-center text-muted mt-3 small">
            © bulungan.info
        </div>

    </div>

</div>

</body>
</html>