{% extends "base.html" %}

{% block header %}
    {# Show the setup name, as set in the config file, as page title. Don't escape HTML entities. #}
    <h1>{{ setupname|safe }}</h1>
    {{ super() }}
<style>
    table, th, td {
        border: 1px solid black;
	border-collapse: collapse;
    }
</style>
{% endblock %}

{% block main %}

        <div class="transactions-table">
		List of 10 most recent transactions.
            <table>
		<tr>
			<th>Date</th>
			<th>Description</th>
			<th>Value</th>
			<th>Message</th>
		</tr>
    		{% for t in transactions %}
		<tr>
			<td>{{ t.receipt_date }}</td>
			<td>{{ t.receipt_description }}</td>
			<td>{{ t.receipt_value }}</td>
			<td>{{ t.receipt_message }}</td>
		</tr>
		{% endfor %}
	    </table>
        </div>

    {{ super() }}

{% endblock %}