{% extends "base.html" %}
{% block title %}Login{% endblock %}
{% block content %}
  <div class="center-container">
    <div class="form-container">
      <div class="item-title-bar">
        <h2>Login</h2>
      </div>
      <form method="post" action="{{ url_for('login') }}">
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" required>
        <br>
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" required>
        <br>
        <button type="submit">Login</button>
        <p class="toggle-msg">No account? <a href="{{ url_for('signup') }}">Create one now!</a></p>

      </form>
    </div>
  </div>
{% endblock %}