<![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard Login - Click A Tree</title>
<link rel="stylesheet" href="/assets/styles.css">
<script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
<script>
</script>
</head>
<body>
<main class="h-100">
<div class="container h-100">
<div class="row align-items-center justify-content-center h-100">
<div class="col-12 col-sm-8 col-lg-6 col-xl-4">
<div class="panel p-5">
<img decoding="async" src="/assets/img/cat_logo.svg" class="logo--header mb-5 align-self-center" alt="Click a Tree">
<form data-hx-post="/send"
hx-trigger="submit"
hx-target="#response"
hx-swap="innerHtml">
<label for="email" class="mb-2">Enter email address</label>
<input type="email" name="email" id="email" class="w-100 mb-3" />
<button type="submit" class="btn btn-primary w-100">Send link to Dashboard</button>
<p class="htmx-indicator">Loading</p>
</form>
<div hx-ext="client-side-templates">
<p id="response" nunjucks-template="response-nunjucks-template"></p>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>]]>
