{% extends "parody_web/base.html" %}
{% block head_extra %}
<meta name="description" content="{{ meta_description }}">
<link rel="canonical" href="{{ canonical_url }}">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Book","name":"{{ book.book_metadata.name|default:book.title|escapejs }}",
"author":[{% for a in book.authors %}{"@type":"Person","name":"{{ a|escapejs }}"}{% if not forloop.last %},{% endif %}{% endfor %}]
{% with ed=book.book_metadata.editions.0 %}{% if ed.isbn %},"isbn":"{{ ed.isbn|escapejs }}"{% endif %}{% if ed.publisher %},"publisher":{"@type":"Organization","name":"{{ ed.publisher|escapejs }}"}{% endif %}{% if ed.year %},"datePublished":"{{ ed.year|escapejs }}"{% endif %}{% endwith %}
,"url":"{{ canonical_url }}"}
</script>
{% endblock %}
{% block body %}
{% load parody_web %}
<div class="book-hero">
  {% if book.cover_image %}<img class="cover" src="{% media book.cover_image %}" alt="{{ book.title }} cover">{% endif %}
  <div class="hero-text">
    <h1>{{ book.book_metadata.name|default:book.title }}</h1>
    {% if book.authors %}<ul class="hero-authors">
      {% for a in book.authors %}<li>{{ a }}</li>{% endfor %}
    </ul>{% endif %}
    {% if book.book_metadata.editions %}
      {% with ed=book.book_metadata.editions.0 %}
      <p class="note">
        {% if ed.publisher %}{{ ed.publisher }}{% endif %}
        {% if ed.year %}({{ ed.year }}){% endif %}
        {% if ed.isbn %}· ISBN {{ ed.isbn }}{% endif %}
      </p>
      {% if ed.url_publisher %}<p><a class="download-button" href="{{ ed.url_publisher }}">Get the book · {{ ed.publisher|default:"publisher" }}</a></p>{% endif %}
      {% endwith %}
    {% endif %}
    {% if book.description %}<p class="hero-blurb">{{ book.description }}</p>{% endif %}
    {% if book_pdf_url %}<p class="book-pdf-link"><a href="{{ book_pdf_url }}">Download the full book as a PDF</a>{% if book.print_pages %} <span class="book-pdf-note">{{ book.print_pages }} pages</span>{% endif %}</p>{% endif %}
  </div>
</div>

<form class="search-form" action="{% url 'parody_web:search' %}" method="get" role="search">
  <input type="search" name="q" placeholder="Search inside the book…" aria-label="Search inside the book">
  <button type="submit">Search</button>
</form>

<form class="codebox" action="{% url 'parody_web:go' %}" method="get" role="search">
  <label for="code">Go to a code:</label>
  <input id="code" name="code" placeholder="e.g. q9" autocomplete="off"
         autocapitalize="off" spellcheck="false">
  <button type="submit">Go</button>
  <span class="note">the short codes printed in the book (next to its QR symbols)</span>
</form>

<div class="book-toc">
  <p class="toc-cap">Contents</p>
  <hr class="toc-rule">
  {% for chapter, sections in chapters %}
  <details class="toc-chapter"{% if forloop.first %} open{% endif %}>
    <summary>
      {% if chapter.number %}<i>{% if chapter.appendix %}App. {% endif %}{{ chapter.number }}</i>{% endif %}
      <em><a href="{% chapter_url book chapter.slug %}">{{ chapter.title|code_spans }}</a></em>
      <span class="dots"></span>
      <u>{{ sections|length }} &sect;</u>
    </summary>
    <ul class="toc">
    {% for section in sections %}
      {% if section.slug != "lead-in" %}
      <li>{% if section.number %}<span class="secnum">{{ section.number }}</span>{% endif %}<a href="{% section_url book chapter.slug section.slug %}">{{ section.title|code_spans }}</a>
        {% if public and section.preview %}<span class="note">— preview</span>{% endif %}
      </li>
      {% endif %}
    {% endfor %}
    </ul>
  </details>
  {% endfor %}
</div>

{% if systems_list %}
<h2>Hardware systems</h2>
<ul class="toc">
{% for s in systems_list %}
  <li><a href="{% systems_url book s.version %}">{{ s.title }}</a> — parts &amp; suppliers</li>
{% endfor %}
</ul>
{% endif %}

<p class="note">A partial web edition — selected sections are free to read; the
rest are previews. Get the full book from the publisher (above).
· <a href="{% url 'parody_web:book_index' %}{{ ed_query }}">Index</a>{% if book.errata %}
· <a href="{% url 'parody_web:errata' %}">Errata</a>{% endif %}</p>
{% endblock %}