{% if error %}
<article style="background:#fecaca; color:#991b1b; padding:0.75rem 1rem; border-radius:6px;">
    <strong>Error:</strong> {{ error }}
</article>
{% elif result is not none %}
<p style="font-size:0.8rem; color:var(--pico-muted-color);">
    {{ result|length }} row{{ "s" if result|length != 1 else "" }}
    {% if elapsed_ms is not none %}&mdash; {{ elapsed_ms }} ms{% endif %}
</p>
<div style="overflow-x:auto;">
    <table>
        <thead>
            <tr>
                {% for col in columns %}
                <th>{{ col }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {% for row in result %}
            <tr>
                {% for col in columns %}
                <td class="mono">{{ row[col] if row[col] is not none else "" }}</td>
                {% endfor %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<p style="font-size:0.85rem; color:var(--pico-muted-color);">
    Enter a SQL query and click Run to see results.
</p>
{% endif %}