{% extends "base.html" %}

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

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

{% block head %}
<meta name="robots" content="noindex, nofollow" />
{% endblock %}

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

        {% for para in detail %}
        <p>{{ para }}</p>
        {% endfor %}

        {% if acknowledged %}
        <div class="hint mt-section">
          <p>You have already confirmed this. Nothing further will be sent about it.</p>
        </div>
        {% else %}
        <form method="post" action="/acknowledge/{{ token }}">
          <button type="submit" class="btn-primary">
            I have read this
          </button>
        </form>
        <div class="hint mt-section">
          <p>
            Confirming stops the reminders. It does not change anything about your
            account.
          </p>
        </div>
        {% endif %}

        <div class="foot-link mt-section">
          <a href="/dashboard">Go to your dashboard<span class="dot">.</span></a>
        </div>
      </div>
    </div>
{% endblock %}