{% extends "layout.html" %}
{% import 'utils.html' as utils %}
{% block title %}Login - {{ config.NAME }}{% endblock %}
{% block header %}
<style>
#login-container {
height: 90%;
display: grid;
}
#login-form {
margin:auto;
display:inline;
}
</style>
{% endblock %}
{% block content %}
<div id="login-container">

<form id="login-form" method="POST">
	 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
	<input type="password" name="pass" placeholder="password">
	{% if u2f_enabled %}
	<input type="hidden" name="resp" id="sig-payload" value="">
	{% else %}
	{% endif %}
	<input type="submit" value="login">
</form>

</div>
{% if u2f_enabled %}
<script>
var p = {{ payload | tojson }};
if (p) {
u2f.sign(p.appId, p.challenge, p.registeredKeys, function(resp) {
if (resp.errorCode) {
    console.log(resp)
} else {
document.getElementById('sig-payload').value = JSON.stringify(resp)
document.getElementById('login-form').submit()
}

})
}
</script>
{% endif %}
{% endblock %}