File: /var/www/w230/html/election/public/form_login - Copy.php
<?php
session_start();
session_destroy();
?>
<!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: 1.1rem;
}
.btn-custom {
background: #00bfa6;
color: white;
font-weight: bold;
transition: background 0.3s;
}
.btn-custom:hover {
background: #009e8c;
}
</style>
</head>
<body>
<div class="login-card">
<!-- ใส่โลโก้โรงเรียน -->
<img src="../assets/img/school_logo.png" class="school-logo" alt="โลโก้โรงเรียน">
<h4 class="mb-3">ระบบเลือกตั้งสภานักเรียน</h4>
<form action="index.php" method="post">
<div class="mb-3">
<input type="text" name="student_id" class="form-control" placeholder="กรอกรหัสนักเรียน" required>
</div>
<button type="submit" class="btn btn-custom w-100">เข้าสู่ระบบ</button>
</form>
</div>
</body>
</html>