{% extends "base" %}
{% block title %}
{% if has_previous %}
<a class="secondary" href="/books/{{ backward_cursor }}/DESC">← back</a> 
{% endif %} 
{% if has_previous and has_more %}|{% endif%}

{% if has_more %}
<a class="secondary" href="/books/{{ forward_cursor }}/ASC">more →</a>
{% endif %}
{% endblock title %}

{% block content %}
    <div class="grid-container">
    {% for book in books %}
      {% include "book_card" %}
    {% endfor %}
    </div>
{% endblock content %}