{% extends 'base.html' %}

{% block content %}
<center>
    <table cellpadding="0" cellspacing="3" width="80%">
        <tr>
            <td class="bodytext" width="100%" valign="top">
                {% for quote in quotes.items %}
                <p class="quote">
                    <a href="/quote?id={{ quote.id }}" title="Permanent link to this quote."><b>#{{ quote.id }}</b></a>
                    <a href="/vote/{{ quote.id }}/upvote?page={{ quotes.page }}" class="qa">+</a>
                    (<font color="green">{{ quote.votes }}</font>)
                    <a href="/vote/{{ quote.id }}/downvote?page={{ quotes.page }}" class="qa">-</a>
                    <a href="/flag/{{ quote.id }}" class="qa"></a>
                </p>
                <p class="qt">{{ quote.text }}</p>
                <hr>
                {% endfor %}
            </td>
        </tr>
    </table>

    <!-- Include Pagination -->
    {% include 'pagination.html' %}
</center>
{% endblock %}