{% extends "base.html" %}

{% block title %}Authorize - Makenotwork{% endblock %}

{% block body_attrs %} class="centered-page"{% endblock %}

{% block content %}
    <h1 class="brand-h1">Makenot<span class="dot">.</span>work</h1>
    <div class="login-container">

      {% if let Some(msg) = error_message %}
      <div class="alert alert-error">{{ msg }}</div>
      {% endif %}

      <form class="login-form" method="POST" action="/oauth/authorize">
        <h2 class="subtitle-h2">
          {% if session_user.is_some() %}
            Authorize {{ app_name }}
          {% else %}
            Log in to authorize {{ app_name }}
          {% endif %}
        </h2>

        {% if let Some(user) = session_user %}
          <p>Logged in as <strong>{{ user.username }}</strong></p>
        {% else %}
          <div class="form-group">
            <label for="login">Username or Email</label>
            <input
              type="text"
              id="login"
              name="login"
              placeholder="username or you@example.com"
              required
              autofocus
            />
          </div>

          <div class="form-group">
            <label for="password">Password</label>
            <input
              type="password"
              id="password"
              name="password"
              placeholder="--------"
              required
            />
          </div>
        {% endif %}

        <input type="hidden" name="client_id" value="{{ client_id }}" />
        <input type="hidden" name="redirect_uri" value="{{ redirect_uri }}" />
        <input type="hidden" name="state" value="{{ state }}" />
        <input type="hidden" name="code_challenge" value="{{ code_challenge }}" />
        <input type="hidden" name="code_challenge_method" value="{{ code_challenge_method }}" />
        {% if let Some(token) = csrf_token %}
        <input type="hidden" name="_csrf" value="{{ token }}" />
        {% endif %}

        <button type="submit" class="btn-primary">
          {% if session_user.is_some() %}
            Authorize
          {% else %}
            Log In & Authorize
          {% endif %}
        </button>

        <div class="foot-link">
          Don't have an account? <a href="/join">Join at makenot.work<span class="dot">.</span></a>
        </div>
      </form>
    </div>
{% endblock %}