{% extends 'base.html' %}
{% block head_extra %}
<style>
table.login {
text-align: center;
border: 0px solid transparent;
}
table.login th {
text-align: right;
}
table.login td {
text-align: left;
}
</style>
{% endblock head_extra %}

{% block content %}
<span class="title"><h2>{% block title %} Login {% endblock %}</h2></span>
<div class="content-container content">
{% if form.errors %}
<div>
{{ form.errors }}
</div>
{% endif %}
<form method="POST" action="{{ url_for("auth.login") }}">
{{ form.csrf_token }}
<table class="login">
<tr>
<th>{{ form.txt_user_id.label }}</th>
<td>{{ form.txt_user_id(size=50, autofocus="", value=user_id) }}</td>
</tr>
<tr>
<th>{{ form.txt_password.label }}</th>
<td>{{ form.txt_password(size=50) }}</td>
</tr>
<tr>
<td colspan=2" style="text-align: center;">{{ form.chk_remember }}&nbsp;{{ form.chk_remember.label }}</td>
</tr>
</table>
<input type="submit" value="Login">
</form>
</div>
<script type="text/javascript">
$(document).ready( function() {
var logo_div = $(".logo-area")[0];
var s_bg = String($(logo_div).css("background-image"));
$("#div_hidden").text(s_bg);
$("#div_hidden").redraw();
});// end of additional document ready
</script>
<div id="div_hidden" style="font-size: 2px; color: white;"></div>
{% endblock %}