{% load i18n %}
{% load varanus %}

<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 "Kind" %}</th>
                <td>{{ object.kind }}</td>
            </tr>
            <tr>
                <th>{% trans "Module" %}</th>
                <td>{{ object.module }}</td>
            </tr>
            <tr>
                <th>{% trans "Message" %}</th>
                <td>{{ object.message }}</td>
            </tr>
        </tbody>
    </table>

    <ul class="list-unstyled">
        {% for line in object.lines %}
            <li>
                <p class="mb-3 p-1 border-bottom">
                    <strong>{{ line.module }}.{{ line.function }}</strong><br />
                    <small class="text-secondary">{{ line.file|truncatepath }}:{{ line.lineno }}</small>
                    {% if line.linesrc %}
                        <br /><code>{{ line.linesrc }}</code>
                    {% endif %}
                </p>
                <dl class="ms-3">
                    {% for name, value in line.locals.items %}
                        <dt class="font-monospace"><code>{{ name }}</code></dt>
                        <dd class="ms-3"><pre>{{ value }}</pre></dd>
                    {% endfor %}
                </dl>
            </li>
        {% endfor %}
    </ul>
</div>