<!doctype html>
<title>LR login</title>

<script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>



<meta name="viewport" content="width=device-width, initial-scale=1">


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">


</head>




{% block content %}


<div class="login-form">
    <form action="{{ url_for('login', next=request.args.get('next')) }}" method="post">
		<div class="avatar"><i class="material-icons">&#xE7FF;</i></div>
    	<h4 class="modal-title">Login to Lightning-rod</h4>
        <div class="form-group">
            <input type="text" class="form-control" name="username" placeholder="Username" required="required" value="{{request.form.username }}">
        </div>
        <div class="form-group">
            <input type="password" class="form-control" name="password" placeholder="Password" required="required" value="{{request.form.password }}">
        </div>

        <input type="submit" class="btn btn-primary btn-block btn-lg" value="Login">
    </form>
      {% if error %}
        <p class="error"><strong>Error:</strong> {{ error }}
      {% endif %}
</div>


{% endblock %}
