{% extends "entities_with_averages.html" %}

{% load compress %}

{% block extra_head %}
    {{ block.super }}
        <style>
            small {
                color: #a8a8a8;
                font-size: 12px;
            }
            th.always-visible {
                height: 53px;
            }
            .entities_table tr:first-child th:not(.bottom-border) {
                /* Remove the bottom-border between the first header line and the second one */
                border-bottom: none;
            }
        </style>
{% endblock %}

{% block toolbar_buttons %}
{% endblock %}

{% block entities_table %}
    <thead>
        <tr>
            <th data-field="name" class="always-visible sorting_asc bottom-border" width="30%" rowspan="2">Name <div class="sort"></div></th>
            <th colspan="2" class="separator">Physical Capacity</th>
            <th colspan="2" class="separator">Virtual Capacity</th>
            <th colspan="3" class="separator">SAN</th>
            <th colspan="3" class="separator">NAS</th>
            <!-- Only IBox v6+ has type for vols (for older versions there's only STANDARD type) -->
            {% if system.version > "6" %}
                <th data-field="type" class="separator bottom-border" rowspan="2">Type <div class="sort"></div></th>
            {% endif %}
        </tr>
        <tr>
            <th data-field="physical_capacity" class="separator">Total <div class="sort"></div></th>
            <th data-field="free_physical_space">Free <div class="sort"></div></th>
            <th data-field="virtual_capacity" class="separator">Total <div class="sort"></div></th>
            <th data-field="free_virtual_space">Free <div class="sort"></div></th>
            <th data-field="san_avg_ops" class="separator">IOPS <div class="sort"></div></th>
            <th data-field="san_avg_bytes">Throughput <div class="sort"></div></th>
            <th data-field="san_avg_latency">Latency <div class="sort"></div></th>
            <th data-field="nas_avg_ops" class="separator">OPS <div class="sort"></div></th>
            <th data-field="nas_avg_bytes">Throughput <div class="sort"></div></th>
            <th data-field="nas_avg_latency">Latency <div class="sort"></div></th>
            {% if system.version > "6" %}
                <th class="hidden"> </th>  <!-- for type -->
            {% endif %}
        </tr>
    </thead>
    <tbody>
    </tbody>

    <script type="text/template" id="row-template">
        <tr data-id="<%- entity.id %>">
            <td class="wrappable"><a href="<%- entity.id %>/info/" onclick="drilldown($(this)); return false;"><%- entity.name %></a>
                <%= entityStatusBadge(entity) %>
            </td>
            <td><%- tbfmt(entity.physical_capacity) %> <small>TB</small></td>
            <td><%- tbfmt(entity.free_physical_space) %> <small>TB</small></td>
            <td><%- tbfmt(entity.virtual_capacity) %> <small>TB</small></td>
            <td><%- tbfmt(entity.free_virtual_space) %> <small>TB</small></td>
            <td><%- numfmt(entity.san_avg_ops) %></td>
            <td><%- numfmt(entity.san_avg_bytes) %> <span class="muted">MiB/S</span></td>
            <td><%- numfmt(entity.san_avg_latency) %> <span class="muted">ms</span></td>
            <td><%- numfmt(entity.nas_avg_ops) %></td>
            <td><%- numfmt(entity.nas_avg_bytes) %> <span class="muted">MiB/S</span></td>
            <td><%- numfmt(entity.nas_avg_latency) %> <span class="muted">ms</span></td>
            {% if system.version > "6" %}
                <td><%- entity.type %></td>
            {% endif %}
        </tr>
    </script>

{% endblock %}

{% block system_gui_url %}{{ system.api_url }}#/pools{% endblock %}

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