50 lines
2.3 KiB
PHP
50 lines
2.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en" data-theme="cupcake">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - CMOD</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/js/all.min.js"></script>
|
|
</head>
|
|
<body class="min-h-screen flex items-center justify-center bg-gradient-to-br from-green-200 via-blue-100 to-yellow-100">
|
|
<div class="w-full max-w-sm mx-auto">
|
|
<div class="card bg-base-100 shadow-xl border-2 border-primary">
|
|
<div class="card-body items-center text-center">
|
|
<div class="avatar mb-2">
|
|
<div class="w-20 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2">
|
|
<img src="https://api.dicebear.com/7.x/bottts/svg?seed=fun" alt="Fun Avatar" />
|
|
</div>
|
|
</div>
|
|
<h2 class="card-title text-2xl font-bold text-primary mb-2">Welcome to CMOD!</h2>
|
|
<p class="mb-4 text-base text-gray-500">Sign in to continue your adventure 🚀</p>
|
|
<form method="post" action="<?=base_url('v2/login')?>" class="w-full flex flex-col gap-3">
|
|
<div class="form-control">
|
|
<label class="input input-bordered flex items-center gap-2 w-full">
|
|
<i class="fa fa-user text-primary"></i>
|
|
<input type="text" name="userid" placeholder="UserID" class="grow" required />
|
|
</label>
|
|
</div>
|
|
<div class="form-control">
|
|
<label class="input input-bordered flex items-center gap-2 w-full">
|
|
<i class="fa fa-lock text-primary"></i>
|
|
<input type="password" name="password" placeholder="Password" class="grow" required />
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-block mt-2 w-full">
|
|
<i class="fa fa-sign-in-alt mr-2"></i> Login
|
|
</button>
|
|
</form>
|
|
<div class="mt-4">
|
|
<span class="text-xs text-gray-400">Forgot password?</span>
|
|
<a href="#" class="link link-primary ml-1">Contact admin</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4 text-sm text-gray-400">© 2025 - 5Panda</div>
|
|
</div>
|
|
</body>
|
|
</html>
|