63 lines
3.0 KiB
PHP
63 lines
3.0 KiB
PHP
<?php
|
|
session_start();
|
|
if (isset($_SESSION['user_id'])) {
|
|
header('Location: dashboard.php');
|
|
exit();
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - Security Clearance Application</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css">
|
|
</head>
|
|
<body class="bg-gray-100">
|
|
|
|
<nav class="bg-white shadow-md">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 flex items-center">
|
|
<a href="index.php" class="text-2xl font-bold text-blue-600">SecurePort</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<a href="login.php" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-50">Login</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="max-w-md mx-auto bg-white rounded-lg shadow-md overflow-hidden">
|
|
<div class="px-6 py-8">
|
|
<h2 class="text-2xl font-bold text-center text-gray-800 mb-6">Secretariat Login</h2>
|
|
<?php if (isset($_GET['error'])): ?>
|
|
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
|
|
<span class="block sm:inline"><?php echo htmlspecialchars($_GET['error']); ?></span>
|
|
</div>
|
|
<?php endif; ?>
|
|
<form action="login_process.php" method="POST">
|
|
<div class="mb-4">
|
|
<label for="username" class="block text-gray-700 text-sm font-bold mb-2">Username</label>
|
|
<input type="text" name="username" id="username" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required>
|
|
</div>
|
|
<div class="mb-6">
|
|
<label for="password" class="block text-gray-700 text-sm font-bold mb-2">Password</label>
|
|
<input type="password" name="password" id="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" required>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
|
|
Sign In
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|