{% load helpers %}
{% load i18n %}

<div class="card">
    <h5 class="card-header">
        {% trans "Non-Racked Devices" %}
    </h5>
    <div class="card-body">
    {% if nonracked_devices %}
        <table class="table table-hover">
            <tr>
                <th>{% trans "Name" %}</th>
                <th>{% trans "Role" %}</th>
                <th>{% trans "Type" %}</th>
                <th colspan="2">{% trans "Parent Device" %}</th>
            </tr>
            {% for device in nonracked_devices %}
            <tr{% if device.device_type.u_height %} class="warning"{% endif %}>
                <td>
                    <a href="{% url 'dcim:device' pk=device.pk %}">{{ device }}</a>
                </td>
                <td>{{ device.role }}</td>
                <td>{{ device.device_type }}</td>
                {% if device.parent_bay %}
                    <td>{{ device.parent_bay.device|linkify }}</td>
                    <td>{{ device.parent_bay }}</td>
                {% else %}
                    <td colspan="2" class="text-muted">&mdash;</td>
                {% endif %}
            </tr>
            {% endfor %}
        </table>

        {%  if total_nonracked_devices_count > nonracked_devices.count %}
            {% if object|meta:'verbose_name' == 'site' %}
                <div class="text-muted">
                  {% blocktrans with count=nonracked_devices.count total=total_nonracked_devices_count %}
                    Displaying {{ count }} of {{ total }} devices
                  {% endblocktrans %}
                  (<a href="{% url 'dcim:device_list' %}?site_id={{ object.pk }}&rack_id=null">{% trans "View full list" %}</a>)
                </div>
            {% elif object|meta:'verbose_name' == 'location' %}
                <div class="text-muted">
                  {% blocktrans with count=nonracked_devices.count total=total_nonracked_devices_count %}
                    Displaying {{ count }} of {{ total }} devices
                  {% endblocktrans %}
                  (<a href="{% url 'dcim:device_list' %}?location_id={{ object.pk }}&rack_id=null">{% trans "View full list" %}</a>)
                </div>
            {% endif %}
        {% endif %}

    {% else %}
        <div class="text-muted">
            {% trans "None" %}
        </div>
    {% endif %}
    </div>

    {% if perms.dcim.add_device %}
        {% if object|meta:'verbose_name' == 'rack' %}
        <div class="card-footer text-end noprint">
            <a href="{% url 'dcim:device_add' %}?site={{ object.site.pk }}&rack={{ object.pk }}" class="btn btn-primary btn-sm">
                <i class="mdi mdi-plus-thick" aria-hidden="true"></i>
                {% trans "Add a Non-Racked Device" %}
            </a>
        </div>
        {% elif object|meta:'verbose_name' == 'site' %}
        <div class="card-footer text-end noprint">
            <a href="{% url 'dcim:device_add' %}?site={{ object.pk }}" class="btn btn-primary btn-sm">
                <i class="mdi mdi-plus-thick" aria-hidden="true"></i>
                {% trans "Add a Non-Racked Device" %}
            </a>
        </div>
        {% elif object|meta:'verbose_name' == 'location' %}
        <div class="card-footer text-end noprint">
            <a href="{% url 'dcim:device_add' %}?site={{ object.site.pk }}&location={{ object.pk }}" class="btn btn-primary btn-sm">
                <i class="mdi mdi-plus-thick" aria-hidden="true"></i>
                {% trans "Add a Non-Racked Device" %}
            </a>
        </div>
        {% endif %}
    {% endif %}
</div>