{% extends 'base.html' %}

{% block main %}
<div class="container">
  <h1 class="page-header">All Books</h1>
  {% with messages = get_flashed_messages() %}
    {% if messages %}
      <div class="alert alert-success">
        <ul>
        {% for message in messages %}
          <li>{{ message }}</li>
        {% endfor %}
        </ul>
      </div>
    {% endif %}
  {% endwith %}


        {% for book in books|sort(attribute='title', reverse = False) %}
<a href="books/{{ book.id }}">
        <object class="no_cover" data="../static/img/default_cover.png" type="image/png" width="105">
        <img src="../uploads/cover/{{ book.cover }}" width="80">
      </object>
      {{ book.title }}</a>


  {% endfor %}


</div>
{% endblock %}