{% load i18n %}
<!-- shared by hook_ipam_subnet_detail.html / hook_ipam_vlan_detail.html
     context: ip_list (list, see app_data.ipam.subnet_ip_list) -->
{% if ip_list %}
<div class="table-responsive">
<table class="table table-hover table-bordered table-sm cv-ipam-hierarchy-row-sm">
    <tr class="table-warning">
        <td colspan="5">
            <strong>{% translate 'IPs in subnet' %}</strong>
        </td>
    </tr>
    <tr class="table-light">
        <th>{% translate 'IP' %}</th>
        <th>{% translate 'Collected' %}</th>
        <th>{% translate 'Classname' %}</th>
        <th>{% translate 'Keyname' %}</th>
        <th>{% translate 'Displayname' %}</th>
    </tr>
    {% for row in ip_list %}
        {% for ref in row.referrers %}
        <tr>
            <td><a class="cv-ipam-value" href="{% url 'app_data:instance_detail' row.id %}">{{ row.displayname }}</a></td>
            <td>{% if row.collected %}<i class="fa fa-check" aria-hidden="true"></i>{% endif %}</td>
            <td>{{ ref.classname }}</td>
            <td class="cv-ipam-value">{{ ref.keyname }}</td>
            <td><a href="{% url 'app_data:instance_detail' ref.id %}">{{ ref.displayname|default:ref.keyname }}</a></td>
        </tr>
        {% empty %}
        <tr>
            <td><a class="cv-ipam-value" href="{% url 'app_data:instance_detail' row.id %}">{{ row.displayname }}</a></td>
            <td>{% if row.collected %}<i class="fa fa-check" aria-hidden="true"></i>{% endif %}</td>
            <td class="text-muted" colspan="3"></td>
        </tr>
        {% endfor %}
    {% endfor %}
</table>
</div>
{% endif %}