{% load i18n %}

<div class="offcanvas-header">
    <h5 class="offcanvas-title">{{ node }} &ndash; {% trans "Environment" %}</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 table-striped">
        <thead class="table-header">
            <tr>
                <th>{% trans "Name" %}</th>
                <th>{% trans "Value" %}</th>
            </tr>
        </thead>
        <tbody class="font-monospace">
            {% for name, value in node.sorted_env %}
                <tr>
                    <td class="text-truncate" style="width:100px;">{{ name }}</td>
                    <td class="text-break">{{ value }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>