{% extends "_base.html" %}

{% block title %}Redemptions{% endblock %}

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

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

{% block body %}
<div>
    <a href="/redemptions/add">Add</a>
</div>

{% for redemption in redemptions %}
<div class="redemption">
    <strong>{{ redemption.name }}</strong>
    <em>{{ redemption.twitch_id }}</em>
    <pre><code>{{ redemption.rhai }}</code></pre>
    <form action="/redemptions/delete" method="post">
        <input type="hidden" name="name" value="{{ redemption.name }}"/>
        <button type="submit">Delete</button>
    </form>
</div>
{% endfor %}
{% endblock %}