{% extends "base.html" %}
{% from "_macros.html" import icon %}
{% block title %}Sign in{% endblock %}
{% block content %}
<div class="login-screen">
  <div class="login-card">
    <div class="login-logo">{{ icon('check-circle') }}</div>
    <h1 class="wordmark"><span class="wm-on">On</span><span class="wm-it">It</span></h1>
    <p class="muted">Sign in to see your tasks.</p>

    {% if google_enabled %}
      <a class="btn btn-google" href="{{ url_for('auth.login_google') }}">
        <span class="g">G</span> Sign in with Google
      </a>
    {% else %}
      <p class="notice">Google sign-in isn't configured yet. Add your Google
      credentials to the <code>.env</code> file.</p>
    {% endif %}

    {% if dev_login %}
      <div class="dev-login">
        <p class="muted small">Developer login (testing only)</p>
        <form method="post" action="{{ url_for('auth.login_dev') }}">
          <input type="hidden" name="role" value="admin">
          <button class="btn btn-secondary btn-block" type="submit">Sign in as Lead</button>
        </form>
        {% for sub in subordinates %}
          <form method="post" action="{{ url_for('auth.login_dev') }}">
            <input type="hidden" name="user_id" value="{{ sub.id }}">
            <button class="btn btn-outline btn-block" type="submit">Sign in as {{ sub.name }}</button>
          </form>
        {% endfor %}
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}