{% load i18n %}

<div class="offcanvas-header">
    <h5 class="offcanvas-title">
        {% if context.request %}
            <a href="{{ context.request.get_absolute_url }}" data-bs-target="#inspector" hx-get="{{ context.request.get_absolute_url }}" hx-target="#inspector"><i class="bi bi-chevron-left"></i> {{ context }}</a>
        {% endif %}
    </h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
    <table class="table table-sm">
        <tbody>
            <tr>
                <th>{% trans "Database" %}</th>
                <td>{{ object.db }}</td>
            </tr>
            <tr>
                <th>{% trans "Elapsed" %}</th>
                <td>{{ object.elapsed_ms }}ms</td>
            </tr>
            {% if object.params %}
                <tr>
                    <th>{% trans "Parameters" %}</th>
                    <td>{{ object.params }}</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
    <code><pre>{{ object.sql_formatted }}</pre></code>
</div>