{% extends "security/_bare.html" %}
{% block title %}Recovery key for {{ book.name }}{% endblock %}
{% block content %}
<section class="card bare-card recovery">
  <h1>Recovery key for “{{ book.name }}”</h1>
  <p>{% if created %}Your new books are encrypted. {% endif %}If the password for these books is ever forgotten,
    this key is the <strong>only</strong> way to open them. Print this page (or write the key down exactly) and keep
    it with your important papers — not on this computer.</p>
  <p class="recovery-key" aria-label="Recovery key">{{ key }}</p>
  <p class="small muted">Books: {{ book.name }} · made {{ today }} · Bookkeeper shows this key only once.</p>
  <div class="no-print stack">
    <div><button class="btn" type="button" onclick="window.print()">Print this page</button></div>
    <form method="get" action="{{ next }}" class="stack" id="recovery-continue">
      <label class="check"><input type="checkbox" required> I've printed or written down the recovery key</label>
      <div><button class="btn btn-primary">Continue</button></div>
    </form>
  </div>
</section>
{% endblock %}