{% extends "base.html" %}
{% block title %}Log in{% endblock %}
{% block body_class %}login{% endblock %}
{% block body %}
<div class="card login-card">
  <div class="login-logo">
    <img src="{{ url_for('static', filename='blushark-digital.png') }}" alt="BluShark Digital">
  </div>

  {% if error %}<div class="error">{{ error }}</div>{% endif %}

  <form method="post">
    <label class="field">
      <span>Username</span>
      <input name="username" autocomplete="username" autofocus required>
    </label>
    <label class="field">
      <span>Password</span>
      <input name="password" type="password" autocomplete="current-password" required>
    </label>
    <button type="submit" class="btn">Log in</button>
  </form>

  <p class="login-note">
    This data contains visitor IPs and browsed URLs &mdash; handle accordingly.
  </p>
</div>
{% endblock %}