<!-- BEGIN [% template.name %] -->
<div class="container">
<div id="loginbox" style="margin-top: 50px;"
class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">Sign In</div>
</div>
<div style="padding-top: 30px" class="panel-body">
<div style="display: none" id="login-alert" class="alert alert-danger col-sm-12"></div>
<form role="form" action="[% request.uri_base %]/login" method="post"
id="login-form" autocomplete="off">
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="login-username" type="text" class="form-control" name="username"
value="" placeholder="username or email">
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="login-password" type="password" class="form-control" name="password"
placeholder="password">
</div>
<input type="submit" id="btn-login" class="btn btn-custom btn-lg btn-block"
value="Log in">
</form>
</div> <!-- /.col-xs-12 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
<script type="text/javascript">
function showPassword() {
var key_attr = $('#key').attr('type');
if(key_attr != 'text') {
$('.checkbox').addClass('show');
$('#key').attr('type', 'text');
}
else {
$('.checkbox').removeClass('show');
$('#key').attr('type', 'password');
}
}
</script>
<!-- BEGIN [% template.name %] -->