95 lines
3.5 KiB
HTML
95 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Admin Login - Multi-Tenant Ecommerce Platform</title>
|
|
<link rel="stylesheet" href="/static/css/shared/base.css">
|
|
<link rel="stylesheet" href="/static/css/shared/auth.css">
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="auth-page" x-data="adminLogin()" x-cloak>
|
|
<div class="login-container">
|
|
<div class="login-header">
|
|
<div class="auth-logo">🔐</div>
|
|
<h1>Admin Portal</h1>
|
|
<p>Multi-Tenant Ecommerce Platform</p>
|
|
</div>
|
|
|
|
<!-- Alert Messages -->
|
|
<div x-show="error"
|
|
x-text="error"
|
|
class="alert alert-error"
|
|
x-transition></div>
|
|
|
|
<div x-show="success"
|
|
x-text="success"
|
|
class="alert alert-success"
|
|
x-transition></div>
|
|
|
|
<!-- Login Form -->
|
|
<form @submit.prevent="handleLogin">
|
|
<div class="form-group">
|
|
<label for="username">Username</label>
|
|
<input
|
|
type="text"
|
|
id="username"
|
|
x-model="credentials.username"
|
|
:class="{ 'error': errors.username }"
|
|
required
|
|
autocomplete="username"
|
|
placeholder="Enter your username"
|
|
:disabled="loading"
|
|
@input="clearErrors"
|
|
>
|
|
<div x-show="errors.username"
|
|
x-text="errors.username"
|
|
class="error-message show"
|
|
x-transition></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input
|
|
type="password"
|
|
id="password"
|
|
x-model="credentials.password"
|
|
:class="{ 'error': errors.password }"
|
|
required
|
|
autocomplete="current-password"
|
|
placeholder="Enter your password"
|
|
:disabled="loading"
|
|
@input="clearErrors"
|
|
>
|
|
<div x-show="errors.password"
|
|
x-text="errors.password"
|
|
class="error-message show"
|
|
x-transition></div>
|
|
</div>
|
|
|
|
<button type="submit"
|
|
class="btn-login"
|
|
:disabled="loading">
|
|
<template x-if="!loading">
|
|
<span>Sign In</span>
|
|
</template>
|
|
<template x-if="loading">
|
|
<span>
|
|
<span class="loading-spinner"></span>
|
|
Signing in...
|
|
</span>
|
|
</template>
|
|
</button>
|
|
</form>
|
|
|
|
<div class="login-footer">
|
|
<a href="/">← Back to Platform</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/js/shared/api-client.js"></script>
|
|
<script src="/static/admin/js/login.js"></script>
|
|
</body>
|
|
</html> |