{% load humanize %}
{% load i18n %}
{% load bookwyrm_tags %}
{% if books|length > 0 %}
<div class="table-container">
<table class="table is-striped is-fullwidth">

<tr class="book-preview">
    <th>{% trans "Cover" %}</th>
    <th>{% trans "Title" %}</th>
    <th>{% trans "Author" %}</th>
    <th>{% trans "Published" %}</th>
    <th>{% trans "Shelved" %}</th>
    <th>{% trans "Started" %}</th>
    <th>{% trans "Finished" %}</th>
    <th>{% trans "External links" %}</th>{% if ratings %}
    <th>{% trans "Rating" %}</th>{% endif %}
</tr>
{% for book in books %}
<tr class="book-preview">
    <td>
        <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book size="small" %}</a>
    </td>
    <td>
        <a href="{{ book.local_path }}">{{ book.title }}</a>
    </td>
    <td>
        {{ book.authors.first.name }}
    </td>
    <td>
        {% if book.first_published_date %}{{ book.first_published_date }}{% endif %}
    </td>
    <td>
        {{ book.created_date | naturalday }}
    </td>
    {% latest_read_through book user as read_through %}
    <td>
        {{ read_through.start_date | naturalday |default_if_none:""}}
    </td>
    <td>
        {{ read_through.finish_date | naturalday |default_if_none:""}}
    </td>
    <td>
        <a href="https://openlibrary.org/book/{{ book.openlibrary_key }}" target="_blank">{% trans "OpenLibrary" %}</a>
    </td>
    {% if ratings %}
    <td>
        {% include 'snippets/stars.html' with rating=ratings|dict_key:book.id %}
    </td>
    {% endif %}
    {% if shelf.user == request.user %}
    <td>
        {% include 'snippets/shelf_selector.html' with current=shelf %}
    </td>
    {% endif %}
</tr>
{% endfor %}
</table>
</div>
{% else %}
<p>{% trans "This shelf is empty." %}</p>
{% if shelf.editable %}
<form name="delete-shelf" action="/delete-shelf/{{ shelf.id }}" method="post">
    {% csrf_token %}
    <input type="hidden" name="user" value="{{ request.user.id }}">
    <button class="button is-danger is-light" type="submit">
        {% trans "Delete shelf" %}
    </button>
</form>
{% endif %}

{% endif %}