94 lines
3.8 KiB
PHP
94 lines
3.8 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>{{ $title }}</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
|
<script>
|
||
|
|
tailwind.config = {
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
fontFamily: {
|
||
|
|
'sans': ['Inter', 'system-ui', 'sans-serif'],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="font-sans bg-slate-50 min-h-screen flex items-center justify-center p-4">
|
||
|
|
<div class="bg-white rounded-lg shadow-sm border border-slate-200 w-full max-w-md p-8">
|
||
|
|
<!-- Header -->
|
||
|
|
<div class="text-center mb-8">
|
||
|
|
<div class="w-16 h-16 bg-slate-100 rounded-lg flex items-center justify-center mx-auto mb-4">
|
||
|
|
<span class="text-2xl font-bold text-slate-900">W</span>
|
||
|
|
</div>
|
||
|
|
<h1 class="text-2xl font-bold text-slate-900 mb-2">Woles Framework</h1>
|
||
|
|
<p class="text-slate-600">Sign in to your account</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Error Message -->
|
||
|
|
<?php if (isset($error)): ?>
|
||
|
|
<div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-6">
|
||
|
|
<?php echo htmlspecialchars($error); ?>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<!-- Login Form -->
|
||
|
|
<form method="POST" action="/login" class="space-y-6">
|
||
|
|
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="email" class="block text-sm font-medium text-slate-700 mb-2">
|
||
|
|
Email Address
|
||
|
|
</label>
|
||
|
|
<input
|
||
|
|
type="email"
|
||
|
|
id="email"
|
||
|
|
name="email"
|
||
|
|
value="<?php echo htmlspecialchars(old('email', $old['email'] ?? '')); ?>"
|
||
|
|
class="w-full px-4 py-3 border border-slate-300 rounded-md focus:ring-2 focus:ring-slate-500 focus:border-slate-500 transition-colors"
|
||
|
|
placeholder="Enter your email"
|
||
|
|
required>
|
||
|
|
<?php if (isset($errors['email'])): ?>
|
||
|
|
<p class="mt-2 text-sm text-red-600"><?php echo htmlspecialchars($errors['email']); ?></p>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="password" class="block text-sm font-medium text-slate-700 mb-2">
|
||
|
|
Password
|
||
|
|
</label>
|
||
|
|
<input
|
||
|
|
type="password"
|
||
|
|
id="password"
|
||
|
|
name="password"
|
||
|
|
class="w-full px-4 py-3 border border-slate-300 rounded-md focus:ring-2 focus:ring-slate-500 focus:border-slate-500 transition-colors"
|
||
|
|
placeholder="Enter your password"
|
||
|
|
required>
|
||
|
|
<?php if (isset($errors['password'])): ?>
|
||
|
|
<p class="mt-2 text-sm text-red-600"><?php echo htmlspecialchars($errors['password']); ?></p>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button
|
||
|
|
type="submit"
|
||
|
|
class="w-full bg-slate-900 hover:bg-slate-800 text-white font-medium py-3 px-4 rounded-md transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-slate-500 focus:ring-offset-2">
|
||
|
|
Sign In
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<!-- Links -->
|
||
|
|
<div class="text-center mt-6">
|
||
|
|
<a href="/register" class="text-slate-600 hover:text-slate-900 text-sm font-medium transition-colors">
|
||
|
|
Don't have an account? Register
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|