File manager

File manager - Edit - /home/ipsc/admin/index.php

Back
<?php session_start(); require_once "../connection.php"; $error = ""; if ($_SERVER["REQUEST_METHOD"] === "POST") { $username = $_POST['username']; $password = $_POST['password']; $sql = "SELECT * FROM admin WHERE username=? AND password=?"; $stmt = $conn->prepare($sql); $stmt->bind_param("ss", $username, $password); $stmt->execute(); $result = $stmt->get_result(); if ($result->num_rows === 1) { $_SESSION['admin'] = $username; header("Location: dashboard.php"); exit; } else { $error = "ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง"; } } ?> <!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <title>Admin Login \| IPSC</title> <link rel="icon" type="image/png" href="../assets/img/ipsc.png"> <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <style> { box-sizing:border-box; margin:0; padding:0; font-family:'Kanit',sans-serif; } body{ height:100vh; background:linear-gradient(135deg,#2c3e50,#547792); display:flex; justify-content:center; align-items:center; } / ===== LOGIN CARD ===== / .login-card{ width:380px; background:#ffffff; border-radius:22px; padding:40px 35px; box-shadow:0 20px 50px rgba(0,0,0,.3); text-align:center; } / ===== HEADER ===== / .login-card .logo{ width:80px; margin-bottom:15px; } .login-card h1{ font-size:26px; font-weight:700; color:#2c3e50; } .login-card p{ font-size:15px; margin-top:6px; color:#777; } / ===== INPUT ===== / .login-card input{ width:100%; margin-top:20px; padding:14px; border-radius:12px; border:1px solid #ccc; font-size:15px; transition:.3s; } .login-card input:focus{ outline:none; border-color:#547792; box-shadow:0 0 0 3px rgba(84,119,146,.15); } / ===== BUTTON ===== / .login-card button{ width:100%; margin-top:28px; padding:14px; border-radius:14px; border:none; background:linear-gradient(135deg,#547792,#2c3e50); color:#fff; font-size:17px; font-weight:600; cursor:pointer; transition:.3s; } .login-card button:hover{ transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.25); } / ===== ERROR ===== / .error{ background:#e74c3c; color:#fff; padding:12px; border-radius:12px; margin-top:18px; font-size:14px; } / ===== FOOTER TEXT ===== / .login-footer{ margin-top:25px; font-size:13px; color:#aaa; } / ===== PASSWORD TOGGLE ===== / .password-box{ position:relative; width:100%; } .password-box input{ width:100%; padding:14px; padding-right:50px; border-radius:12px; border:1px solid #ccc; font-size:15px; height:52px; / กำหนดความสูงแน่นอน / } .toggle-password{ position:absolute; right:14px; top: 65%; transform:translateY(-50%); height:52px; / เท่ากับ input / display:flex; align-items:center; / จัดกึ่งกลางแนวตั้งจริง / cursor:pointer; font-size:18px; opacity:.6; user-select:none; } .toggle-password:hover{ opacity:1; } / ซ่อนปุ่มดูรหัสผ่านของเบราว์เซอร์ */ input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } input[type="password"]::-webkit-textfield-decoration-container { display: none; } </style> </head> <body> <div class="login-card"> <img src="../assets/img/ipsc.png" class="logo" alt="IPSC"> <h1>ระบบการแข่งขัน IPSC</h1> <p>Administrator Login</p> <?php if ($error): ?> <div class="error"><?= $error ?></div> <?php endif; ?> <form method="post"> <input type="text" name="username" placeholder="👤 Username" required> <div class="password-box"> <input type="password" name="password" id="password" placeholder="🔒 Password" required> <span class="toggle-password" onclick="togglePassword()">👁️</span> </div> <button type="submit">เข้าสู่ระบบ</button> </form> <div class="login-footer"> © <?= date("Y") ?> IPSC Competition System </div> </div> <script> function togglePassword(){ const passInput = document.getElementById("password"); const icon = document.querySelector(".toggle-password"); if(passInput.type === "password"){ passInput.type = "text"; icon.textContent = "🙈"; }else{ passInput.type = "password"; icon.textContent = "👁️"; } } </script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.39 | proxy | phpinfo | Settings