{% extends 'lists/list_layout.html' %}
{% block panel %}

<section class="content block">
    <h2>Pending Books</h2>
    <p><a href="{% url 'list' list.id %}">Go to list</a></p>
    {% if not pending.exists %}
    <p>You're all set!</p>
    {% else %}
    <table class="table is-striped">
        <tr>
            <th></th>
            <th>Book</th>
            <th>Suggested by</th>
            <th></th>
        </tr>
        {% for item in pending %}
        <tr>
            <td>
                <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=item.book size="small" %}</a>
            </td>
            <td>
                {% include 'snippets/book_titleby.html' with book=item.book %}
            </td>
            <td>
                {% include 'snippets/username.html' with user=item.added_by %}
            </td>
            <td>
                <div class="field has-addons">
                    <form class="control" method="POST" action="{% url 'list-curate' list.id %}">
                        {% csrf_token %}
                        <input type="hidden" name="item" value="{{ item.id }}">
                        <input type="hidden" name="approved" value="true">
                        <button class="button">Approve</button>
                    </form>
                    <form class="control" method="POST" action="{% url 'list-curate' list.id %}">
                        {% csrf_token %}
                        <input type="hidden" name="item" value="{{ item.id }}">
                        <input type="hidden" name="approved" value="false">
                        <button class="button is-danger is-light">Discard</button>
                    </div>
                </form>
            </td>
        </tr>
        {% endfor %}
    </table>
    {% endif %}
</section>
{% endblock %}