{% load i18n %}
<!-- one full <tr> for one ipam_subnet - included by _subnet_hierarchy_table.html
     for the parent/self/child sections of the ipam_subnet detail page's combined
     table, and directly by instance_list.html's hook_ipam_subnet_list branch
     (subnet list view, default dataview only - same columns, no burger-menu cell)
     context: row (see app_data.ipam.build_subnet_rows / _build_hierarchy_entries) -->
<tr class="cv-ipam-hierarchy-row-sm{% if row.is_containing %} fw-bold{% endif %}">
    <td class="cv-ipam-hierarchy-col-subnet">
        <a href="{% url 'app_data:instance_detail' row.id %}">{{ row.keyname }}</a>{% if row.is_containing %} <i class="fa fa-asterisk"></i>{% endif %}
    </td>
    <td><a href="{% url 'app_data:instance_detail' row.id %}">{{ row.description }}</a></td>
    <td class="text-end">{{ row.size }}</td>
    <td class="text-end">{{ row.occupancy.count }}</td>
    <td class="text-end">{{ row.occupancy.percent }}%</td>
    <td>
        <div class="progress cv-ipam-progress" role="progressbar"
             aria-label="{% translate 'occupancy' %}" aria-valuenow="{{ row.occupancy.percent }}"
             aria-valuemin="0" aria-valuemax="100">
            {% widthratio row.occupancy.percent 100 70 as bar_width_px %}
            <div class="progress-bar" style="width: {{ bar_width_px }}px"></div>
        </div>
    </td>
    <td>
        {% for vlan in row.vlans %}
            <a href="{% url 'app_data:instance_detail' vlan.id %}">{{ vlan.displayname }}</a>{% if not forloop.last %}, {% endif %}
        {% endfor %}
    </td>
</tr>