{% extends "layout.html" %}

{%- block metas %}
{{super()}}
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endblock metas %}

{% block content %}
<h1 class="text-center">{{ banner }}</h1>
<div class="row">
	<div class="col-md-3 text-center">
		<img src="{{ led }}">
	</div>
	<div class="col-md-8">
		<form action="" method="post" class="form" role="form">
			{{ authentication_form.csrf_token }}
			<div class="form-group ">
				<label class="control-label" for="username">Username</label>
				<input class="form-control" id="username" name="username" type="text" value="">
			</div>
			<div class="form-group required">
				<label class="control-label" for="password">Password</label>
				<input class="form-control" id="password" name="password" required type="password" value="">
			</div>
			<div class="form-group">
				<label for="method">Authentication method</label>
				<select name="method" id="method" class="form-control">
					{% for backend in auth_backends %}
					<option>{{ backend }}</option>
					{% endfor %}
				</select>
			</div>
			<input class="btn btn-success btn-lg btn-block" id="open" name="open" type="submit" value="Open">
			<input class="btn btn-warning btn-lg btn-block" id="present" name="present" type="submit" value="Present">
			<input class="btn btn-danger btn-lg btn-block" id="close" name="close" type="submit" value="Close">
		</form>
		{% if response %}
		<hr/>
		<h1>{{ response }}</h1>
		{%  endif %}
		<hr/>
		Die Kitchen ist: {{ state_text }}
	</div>
</div>
{{ super() }}
{% endblock %}