{% extends "core.html" %}

{% block main %}
<link href="/css/books.css" rel="stylesheet">

<section id="book">
	<h2>{{ book.title|e }}</h2>
	<img class="unselectable" src="/storage/books/{{ book.id|e }}/{{ page|e }}" alt='Страница отсутствует'>
	<nav>
		<ul>
			{% if page != 0 %}
			<li class="previous unselectable" type="button"><a href="/books/{{ book.id|e }}/{{ page|e - 1 }}" title="Страница №{{ page|e - 1 }}">Назад</a></li>
			{% endif %}
			<li class="next unselectable" type="button"><a href="/books/{{ book.id|e }}/{{ page|e + 1 }}" title="Страница №{{ page|e + 1 }}">Вперёд</a></li>
		</ul>
	</nav>
</section>
{% endblock %}
