{% extends "_base.html" %}

{% block title %}List rewards{% endblock %}

{% block head %}
<style>
    body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .reward {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1em;
    }
</style>
{% endblock %}

{% block body %}
{% for reward in rewards %}
<div class="reward">
    <strong>{{ reward.title }}</strong>
    <em>{{ reward.id }}</em>
</div>
{% endfor %}
{% endblock %}