{% extends "base.html" %}

{% block main_content %}

<h3>{{page_title}}</h3>
<table id="to_buy_table" class="table table-striped table-sm" data-toolbar="#toolbar" data-search="true">
	<thead>
		<tr class="thead-light"><th>Book Number of Series</th><th>Series</th>
		<th>Book Number of Series</th><th>Series</th></tr>
	</thead>
	<tbody>
	{% for obj in missing %}
		{% if (loop.index % 2) == 1 %}
			<tr>
		{% endif %}
    	<td>{{obj.missing}}</td><td><a href="{{url_for('series', id=obj.id )}}">{{obj.title}}</a></td>
		{% if (loop.index % 2) == 0 %}
			</tr>
		{% endif %}
	{% endfor %}

	</tbody>
	<thead>
		<tr class="thead-light"><th>Title</th><th>Author(s)</th>
		<th>Title</th><th>Author(s)</th></tr>
	</thead>
	<tbody>
	{% for book in books %}
		{% if (loop.index % 2) == 1 %}
			<tr>
		{% endif %}
    	<td><a href="{{url_for('book', id=book.id )}}">{{book.title}}</a></td><td>
		{% for auth in book.author %}
			{{ auth['surname'] }}, {{auth['firstnames']}}
		{% endfor %}
		</td>
		{% if (loop.index % 2) == 0 %}
			</tr>
		{% endif %}
	{% endfor %}
	</tbody>
</table>
{% endblock main_content %}