{% extends 'layout.html' %}
{% load fr_display %}
{% load humanize %}
{% block content %}
<div id="content">
    <div>
        <h1>Import Status</h1>

        <p>
        Import started: {{ job.created_date | naturaltime }}
        <p>
        {% if task.ready %}
        Import completed: {{ task.date_done | naturaltime }}
        {% if task.failed %}
        <h3><span style="background-color: #ffaaaa;">TASK FAILED</span></h3>
        <p>
        {{ task.info }}
        {% endif %}
        {% else %}
        Import still in progress.
        <p>
        (Hit reload to update!)
        {% endif %}

        <table>
            <tr>
                <th>
                </th>
                <th>
                    Title
                </th>
                <th>
                    Author
                </th>
                <th>
                    Book
                </th>
            </tr>
            {% for item in items %}
            <tr>
                <td>
                    {% if item.book %}✓{% endif %}
                </td>
                <td>
                    {{ item.data|dict_key:'Title' }}
                </td>
                <td>
                    {{ item.data|dict_key:'Author' }}
                </td>
                <td>
                    {% if item.book %}
                    <a href="{{ item.book.absolute_id }}">
                    {% include 'snippets/book_cover.html' with book=item.book size='small' %}
                    </a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </table>
    </div>
</div>
{% endblock %}