@Layout = "backend-login.php"
@Head{
	<title>Uplift - Login to the CMS</title>
	<script type="module" defer src="/uplift-assets/js/login/main.js"></script>
}
@Body{
	<div class="container py-5">
		<div class="row">
			<div class="col-12 col-lg-5 mx-auto">
				<form id="login-form">
					<div class="card rounded shadow">
						<div class="card-header">
							<h4 class="m-0">Login</h4>
						</div>
						<div class="card-body">
							<div class="mb-3">
								<label for="username">Username</label>
								<input type="text" id="username" name="username" class="form-control" placeholder="Enter username" />
							</div>
							<div class="mb-3">
								<label for="password">Password</label>
								<input type="password" id="password" name="password" class="form-control" placeholder="Enter password" />
							</div>
							<div id="error" style="display:none;" class="my-3 text-danger"></div>
						</div>
						<div class="card-footer text-end">
							<button id="login-button" type="submit" class="btn btn-success">
								<i class="bi bi-door-open-fill"></i>
								<span>Login</span>
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
}