{%- extends "base.html" %}

{% import "bootstrap/utils.html" as utils %}

{% block content %}
    <div class="container">
        {%- with messages = get_flashed_messages(with_categories=True)  %}
            {%- if messages %}
                <div class="row">
                    <div class="col-md-12">
                        {{utils.flashed_messages(messages)}}
                    </div>
                </div>
            {%- endif  %}
        {%- endwith  %}
    </div>

    <div class="container">
        <table id="library" style="width:80%">
            {% for name in query %}
                <tr>
                    <td>{{ name }}</td>
                    <td>Download</td>
                </tr>
            {% endfor %}
        </table>
    </div>
{%- endblock %}