{% extends 'layout.html' %}
{% load humanize %}
{% block content %}
<div class="content-container">
    <h2>Import Books from GoodReads</h2>
    <form name="import" action="/import_data/" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {{ import_form.as_p }}
        <button type="submit">Import</button>
    </form>
    <p>
    Imports are limited in size, and only the first {{ limit }} items will be imported.

    <h2>Recent Imports</h2>
    <ul>
        {% for job in jobs %}
            <li><a href="/import_status/{{ job.id }}">{{ job.created_date | naturaltime }}</a></li>
        {% endfor %}
    </ul>
</div>
{% endblock %}