MINI
C:
/
xampp
/
htdocs
/
cek
/
Upload File:
files >> C:/xampp/htdocs/cek/login.php
<?php session_start(); include 'db.php'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { $username = $_POST['username']; $password = $_POST['password']; $stmt = $pdo->prepare("SELECT * FROM users WHERE username = ?"); $stmt->execute([$username]); $user = $stmt->fetch(); if ($user && password_verify($password, $user['password'])) { $_SESSION['user_id'] = $user['id']; $_SESSION['message'] = ['type' => 'success', 'text' => 'Login berhasil!']; header("Location: index.php"); exit(); } else { $error = "Username atau password salah!"; } } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login - Voucher App</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> body { background-image: url('https://source.unsplash.com/random/1920x1080/?business,finance'); background-size: cover; background-position: center; } </style> </head> <body class="bg-gray-100"> <div class="min-h-screen flex items-center justify-center bg-black bg-opacity-50"> <div class="bg-white p-8 rounded-lg shadow-lg w-full max-w-md"> <h1 class="text-2xl font-bold text-center mb-6"> <i class="fas fa-wallet text-purple-600 mr-2"></i> Voucher App Login </h1> <?php if (isset($error)): ?> <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4"> <?= $error ?> </div> <?php endif; ?> <form method="POST" class="space-y-4"> <div> <label for="username" class="block text-sm font-medium text-gray-700">Username</label> <input type="text" name="username" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500"> </div> <div> <label for="password" class="block text-sm font-medium text-gray-700">Password</label> <input type="password" name="password" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500"> </div> <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-md"> <i class="fas fa-sign-in-alt mr-2"></i> Login </button> </form> </div> </div> </body> </html>
Copyright ©2021 || Defacer Indonesia