<!-- extend base layout -->
{% extends "base.html" %}

{% block content %}
  <h1>Sign In</h1>
  <form action="" method="post" name="login">
      {{ form.hidden_tag() }}
      <p>
          Username:<br>
          {{ form.username(size=80) }}<br>
          {% for error in form.username.errors %}
            <span style="color: red;">[{{ error }}]</span>
          {% endfor %}<br>
          Password:<br>
          {{ form.password(size=80) }}<br>
          {% for error in form.password.errors %}
            <span style="color: red;">[{{ error }}]</span>
          {% endfor %}<br>
      </p>
  	  <p><input type="submit" value="Sign In"></p>
  </form>
  <div class="logo-container">
	<img src="{{ url_for('static', filename='otpme.png') }}" alt="OTPme Logo" class="logo">
  </div>
{% endblock %}
