{% extends "security/_bare.html" %}
{% block title %}Open {{ book.name }}{% endblock %}
{% block content %}
<section class="card bare-card">
  <h1>Open “{{ book.name }}”</h1>
  <p>These books are encrypted. Enter their password.</p>
  <form method="post" class="stack">
    <input type="hidden" name="next" value="{{ next }}">
    <label>Password or recovery key <input type="password" name="password" autocomplete="current-password" required autofocus></label>
    <div><button class="btn btn-primary">Open</button>
      <a class="btn" href="{{ url_for('main.books_page') }}">Other books</a></div>
  </form>
  <p class="small muted">Forgot the password? Type the 24-character <strong>recovery key</strong> you printed when the password
    was set (dashes optional). You'll then choose a new password and get a new recovery key.</p>
</section>
{% endblock %}