{% extends "base.html" %}
{% block title %}ログイン - 画像収集クローラー{% endblock %}
{% block content %}
<div style="max-width:400px;margin:4rem auto;">
  <h1>ログイン</h1>
  {% if error %}
  <div class="alert alert-error">{{ error }}</div>
  {% endif %}
  <form method="post" action="/login">
    <div class="form-group">
      <label>ユーザー名</label>
      <input type="text" name="username" required autofocus style="width:100%">
    </div>
    <div class="form-group">
      <label>パスワード</label>
      <input type="password" name="password" required style="width:100%">
    </div>
    <button type="submit" class="btn btn-primary" style="width:100%">ログイン</button>
  </form>
</div>
{% endblock %}