<html>
  <head>
    <title>Dynastie</title>
    <style type="text/css">
      div.logo {
      margin-top:2%;
      margin-bottom:5%;
      margin-left:auto; 
      margin-right:auto;
      text-align:center;
      }

      div.form {
      margin-left:40%; 
      }

      #login_failed {
      color:red;
      font-weight:bold;
      }
    </style>
  </head>
  <body>
    <div class="logo">
      <img src="{{ STATIC_URL }}images/logo.png"/>
    </div>
    <div class="form">
      <form method="post" action="/index">
	{% csrf_token %}
          {% if login_failed %} <p id="login_failed">Login or password is invalid</p> {% endif %}
        <table>
          <tr><td>Login</td><td><input type="text" name="login"/></td></tr>
          <tr><td>Password</td><td><input id="password" type="password" name="password"/></td></tr>
          <tr><td/><td><input type="submit" value="Connect"/></td></tr>
        </table>
      </form>
    </div>
  </body>
</html>
