{% extends "entities_with_averages.html" %}

{% block entity_status_filter %}
{% endblock %}

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

{% block toolbar_buttons %}{% endblock %}

{% block entities_table_url %}{% url "infiniguard:entities_list" system.serial model_name %}{% endblock %}
{% block entities_table %}
    <thead>
        <tr>
            <th data-field="name" class="always-visible sorting_asc" width="20%" rowspan="2">Name <div class="sort"></div></th>
            <th colspan="3" class="separator">Data Size</th>
            <th colspan="3" class="separator">Physical Capacity</th>
            <th colspan="1" class="separator">Performance</th>
        </tr>
        <tr>
            <th data-field="data_size_before_reduction" class="separator">Before Reduction <div class="sort"></div></th>
            <th data-field="data_size_after_reduction">After Reduction <div class="sort"></div></th>
            <th data-field="reduction_ratio">Reduction Ratio <div class="sort"></div></th>
            <th data-field="disk_capacity" class="separator">Allocated <div class="sort"></div></th>
            <th data-field="used_disk_capacity">Used <div class="sort"></div></th>
            <th data-field="free_space">Available <div class="sort"></div></th>
            <th data-field="inline_performance" class="separator">Inline Throughput <div class="sort"></div></th>
        </tr>
    </thead>
    <tbody>
    </tbody>

    <script type="text/template" id="row-template">
        <tr data-id="<%- entity.id %>">
            <td><a href="/infiniguard/{{ system.serial }}/dde/<%- entity.id %>/"><%- entity.name %></a></td>
            <td><%= formatters.capacity_4_digits(entity.data_size_before_reduction) %></td>
            <td><%= formatters.capacity_4_digits(entity.data_size_after_reduction) %></td>
            <td><%- entity.reduction_ratio %>:1</td>
            <td><%= formatters.capacity_4_digits(entity.disk_capacity) %></td>
            <td><%= formatters.capacity_4_digits(entity.used_disk_capacity) %></td>
            <td><%= formatters.capacity_4_digits(entity.free_space) %></td>
            <td><%= numfmt(entity.inline_performance) %> <span class="muted">MiB/S</span></td>
        </tr>
    </script>
{% endblock %}

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