implement basic passkey login flow

lenticular_cloud/template/auth/login.html.j2

@@ -2,12 +2,53 @@
 
 {% block title %}{{ gettext('Login') }}{% endblock %}
 
-{% block content %}
 
+{% block script %}
+<script>
+	const options_req = {{ options }};
+	const token = "{{ token }}";
+    const login_challenge = "{{ login_challenge }}";
 
-{{ render_form(form) }}
+	async function login() {
+		const credential = await auth_passkey.sign_in(options_req);
+		const response = await fetch("{{ url_for('.passkey_verify') }}", {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+			},
+			body: JSON.stringify({
+				token,
+				credential,
+                login_challenge,
+			}),
+		})
+        return await response.json()
+	}
 
-<a href="{{ url_for('.sign_up') }}" class="btn btn-primary">Sign Up</a>
+	let form = document.getElementById('webauthn_register_form');
 
+	form.onsubmit = ev => {
+		ev.preventDefault()
+		login().then( response => {
+            document.location = response.redirect;
+		})
+	};
+</script>
+{% endblock %}
+
+{% block content %}
+
+<div class="row">
+    {{ render_form(form) }}
+</div>
+<div class="row">
+    <form id="webauthn_register_form">
+        <button class="btn btn-primary">Login wiht Passkey</button>
+    </form>
+</div>
+
+<div class="row">
+    <a href="{{ url_for('.sign_up') }}" class="btn btn-secondary">Sign Up</a>
+</div>
 {% endblock %}
 

lenticular_cloud/template/frontend/passkey_new.html.j2

@@ -6,24 +6,9 @@
 	let options_req = {{ options }};
 	let token = "{{ token }}";
 
-	// https://developer.mozilla.org/en-US/docs/Web/API/PublicKeyCredential/parseRequestOptionsFromJSON_static
-	// PublicKeyCredential.parseRequestOptionsFromJSON(
-
-	async function get_passkey_credentials(options) {
-		let option_obj = PublicKeyCredential.parseCreationOptionsFromJSON(options);
-		console.log(option_obj);
-		let credential = await navigator.credentials.create({
-			'publicKey': option_obj,
-		});
-		let credential_json = credential.toJSON()
-		console.log(credential_json);
-		return credential_json;
-	}
 	let form = document.getElementById('webauthn_register_form');
 
 	async function register() {
-
-		//let credential = await get_passkey_credentials(options_req);
 		let credential = await auth_passkey.sign_up(options_req);
 		let name = form.querySelector('#name').value;