{% import "bootstrap/utils.html" as utils %}
{% extends "base.html" %}
{% block title %}Books{% endblock %}
{% block body %}
<div class="content-section">
  <div class="outer">
    <div class="middle">
      <div class="inner">
        <br/>
        {{ utils.flashed_messages() }}
        <br/>
        <h1 style="text-align:center;">Books</h1>
        {% if books %}
          <hr class="intro-divider">
          <div class="center">
            <table class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th width="15%"> Title </th>
                  <th width="25%"> Author </th>
                  <th width="40%"> Publisher </th>
                  <th width="5%"> ISBN </th>
                  <th width="2%"> Year </th>
                  <th width="15%"> Edit </th>
                  <th width="15%"> Delete </th>
                </tr>
              </thead>
              <tbody>
              {% for book in books %}
                <tr>
                  <td> {{ book.title }} </td>
                  <td>
                    <a href="{{ url_for('library.edit_author', author_id=book.author.pk) }}">
                      {{ book.author.name }}
                    </a>
                  </td>
                  <td>
                    <a href="{{ url_for('library.edit_publisher', publisher_id=book.publisher.pk) }}">
                      {{ book.publisher.name }}
                    </a>
                  </td>
                  <td> {{ book.isbn }} </td>
                  <td> {{ book.year }} </td>
                  <td>
                    <a href="{{ url_for('library.edit_book', book_id=book.pk) }}">
                      <i class="fa fa-pencil"></i> Edit
                    </a>
                  </td>
                  <td>
                    <a href="{{ url_for('library.delete_book', book_id=book.pk) }}">
                      <i class="fa fa-trash"></i> Delete
                    </a>
                  </td>
                </tr>
              {% endfor %}
              </tbody>
            </table>
          </div>
          <div style="text-align: center">
        {% else %}
          <div style="text-align: center">
            <h3> No books have been added. </h3>
            <hr class="intro-divider">
        {% endif %}
          <a href="{{ url_for('library.add_book') }}" class="btn btn-default btn-lg">
            <i class="fa fa-plus"></i>
            Add Book
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}