{% extends "authorized.html" %}
{% block title %}Gift Exchanges{% endblock %}
{% block center %}
<div class="row">
    <div class="btn-toolbar" role="toolbar">
        <a role="button" class="btn btn-primary" href="/giftexchange/0">Add</a>
    </div>
</div>
<div class="row">
    <table data-toggle="table" class="table table-striped table-bordered">
        <thead>
            <tr>
                <th data-sortable="true" data-field="name" scope="col">Name</th>
                <th data-sortable="true" data-field="exchange_date" scope="col">Date</th>
                <th data-field="status" scope="col">Status</th>
            </tr>
        </thead>
        <tbody>
            {% for giftexchange in giftexchanges %}
            <tr>
                <td><a href="/giftexchange/{{ giftexchange.id }}">{{ giftexchange.name }}</a></td>
                <td>{{ giftexchange.exchange_date }}</td>
                <td>{{ giftexchange.status }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock center %}