{% extends "base.html" %}

{% block title %}Account Login - MyWhoosh Garmin Sync{% endblock %}

{% block content %}
<h1>Account Login</h1>
<div class="card">
    {% if error %}
    <p class="error">{{ error }}</p>
    {% endif %}
    <form method="post" action="/account-login" class="stacked-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <label for="email">MyWhoosh or Garmin email</label>
        <input type="email" id="email" name="email" required autofocus>
        <label for="password">MyWhoosh or Garmin password</label>
        <input type="password" id="password" name="password" required>
        <button type="submit">Log in</button>
    </form>
    <p class="hint">Use the email and password for either your MyWhoosh or your Garmin account.</p>
</div>
<p><a href="/login">Admin login</a></p>
{% endblock %}