File: /var/www/w230/html/election/public/form_login.php
<!-- public/form_login.php -->
<?php include('../config/connect.php'); ?>
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>เข้าสู่ระบบลงคะแนน</title>
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- ฟอนต์ Prompt -->
<link href="https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Prompt', sans-serif;
height: 100vh;
margin: 0;
background: linear-gradient(to right, #a8edea, #fed6e3);
display: flex;
justify-content: center;
align-items: center;
}
.login-card {
background: white;
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
max-width: 400px;
width: 100%;
text-align: center;
}
.school-logo {
width: 190px;
height: 190px;
object-fit: contain;
margin-bottom: 15px;
}
.form-control {
font-size: 1rem;
}
.btn-custom {
background: #00bfa6;
color: white;
font-weight: bold;
transition: background 0.3s;
}
.btn-custom:hover {
background: #009e8c;
}
.credit {
margin-top: 20px;
font-size: 14px;
color: #666;
text-align: center;
}
</style>
</head>
<body class="bg-light">
<div class="container mt-5">
<div class="card mx-auto shadow p-4" style="max-width: 400px;">
<center><img src="../assets/img/school_logo.png" class="school-logo" alt="โลโก้โรงเรียน"></center>
<h4 class="mb-3 text-center">ระบบเลือกตั้งประธานสภานักเรียน</h4>
<form action="index.php" method="POST">
<div class="mb-3">
<label for="student_id" class="form-label">รหัสนักเรียน</label>
<input type="text" class="form-control" id="student_id" name="student_id" placeholder="กรอกรหัสนักเรียน" required>
</div>
<button type="submit" class="btn btn-primary w-100">เข้าสู่การเลือกตั้ง</button>
</form>
</div>
<div class="credit">
พัฒนาโดย นายสราวุธ สมพงษ์<br>
ครูโรงเรียนบ้านหัววัวหนองนารีตาตวด
</div>
</div>
</body>
</html>