{% extends "entities_with_averages.html" %}

{% load humanize %}

{% block extra_head %}
    {{ block.super }}
    <script>
        function aggregate() {
            var ids = get_selected_ids();
            window.location.href = '/infinibox/{{ system.serial }}/system/' + ids.join(',') + '/ssd_device/';
        }
    </script>
{% endblock %}

{% block navbar_contents %}
    {% if system.enabled %}
        <li><a class="menu-view" href="{% block system_gui_url %}{{ system.api_url }}{% endblock %}" target="_blank">Open System GUI</a></li>
    {% endif %}
<li><a class="menu-api" href="{% url "system-detail" system.serial %}" target="_blank">View in API Browser</a></li>
{% endblock %}

{% block entities_table %}
    <thead>
        <tr>
            <th data-field="name" class="always-visible checkbox-cell sorting_asc">Name <div class="sort"></div></th>
            <th data-field="avg_read" width="25%">Average Read <div class="sort"></div></th>
            <th data-field="avg_write" width="25%">Average Write <div class="sort"></div></th>
            <th data-field="created" width="20%">Created <div class="sort"></div></th>
        </tr>
    </thead>
    <tbody>
    </tbody>

    <script type="text/template" id="row-template">
        <tr data-id="<%- entity.id %>">
            <td class="wrappable checkbox-cell">
                <div class="checkbox"><input type="checkbox" id="select_<%= entity.id %>"><label for="select_<%= entity.id %>"></label></div>
                <a href="/infinibox/{{ system.serial }}/system/<%- entity.id %>/ssd_device/"><%- entity.name %></a>
                <%= entityStatusBadge(entity) %>
            </td>
            <td><%- numfmt(entity.avg_read) %> <span class="muted">MiB/S</span></td>
            <td><%- numfmt(entity.avg_write) %> <span class="muted">MiB/S</span></td>
            <td><%- entity.created %></td>
        </tr>
    </script>
{% endblock %}

{% block entities_table_url %}{% url "ssd_devices_list" system.serial %}{% endblock %}