{% extends "base.html" %}

{% block title %}Collections{% endblock %}
{% block content_title %}Collections{% endblock %}

{% block content %}
<div class="overflow-x-auto p-5">
    <table class="table table-zebra table-xs">
        <thead>
            <tr>
                <th>Collection</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody>
            {% for collection in collections.collections %}
            <tr>
                <td><a href="/collections/{{ collection.id }}">{{ collection.title }}</a></td>
                <td>{{ collection.description }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}