{% extends "core.html" %}

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

<section id="books">
	<form class="upload" action="/books/write" enctype="multipart/form-data" method="POST">
		<input type="file" name="books[]" accept=".pdf" oninput="this.parentElement.submit();" multiple="true">
		<p>+</p>
	</form>
	{% for book in books %}
	<article class="book">
		<img src="/books/{{ book.id|e }}/cover" alt='Обложка книги "{{ book.title|e }}"'>
		<h4><a href="/books/{{ book.id|e }}">{{ book.title|e }}</a></h3>
	</article>
	{% endfor %}
</section>
{% endblock %}