{% extends "entities_with_averages.html" %}
{% load humanize static compress %}

{% block entity_status_filter %}
{% endblock %}

{% block toolbar %}
    {% if system.has_ost_clients_api %}
        {{ block.super }}
    {% endif %}
{% endblock %}

{% block main %}
    {% if not system.has_ost_clients_api %}
        <p class="centered-box">
            Viewing performance data for individual clients is only available for InfiniGuard release 3.7 or later.
        </p>
    {% else %}
        {{ block.super }}
    {% endif %}
{% endblock %}

{% block toolbar_buttons %}{% endblock %}
{% block entities_table_url %}{% url "infiniguard:entities_list" system.serial model_name %}{% endblock %}
{% block entities_table %}
    <thead>
        <tr style="white-space: nowrap;">
            {% for data_field, col_info in model_class.entity_level_cols_for_table.items %}
                <th data-field="{{ data_field }}"
                    {% if col_info.width %} width="{{ col_info.width }}"{% endif %}
                    {% if data_field == 'name' %}
                        class="always-visible sorting_asc"
                    {% endif %}>
                    {{ col_info.text }} <div class="sort"></div>
                </th>
                {% if data_field == 'name' %}
                    <!-- always put parent after name -->
                    <th id="th-parent" data-field="parent" width="10%">{{ parent_col }} <div class="sort"></div></th>
                {% endif %}
            {% endfor %}

            <th data-field="ethernet_in">Average Throughput (after reduction) <div class="sort"></div></th>
            <th data-field="inline">Average Throughput (before reduction) <div class="sort"></div></th>
            <th data-field="bandwidth_reduction" class="last-column">Reduction Ratio <div class="sort"></div></th>
        </tr>
    </thead>
    <tbody>
    </tbody>

    <script type="text/template" id="row-template">
        <tr data-id="<%- entity.id %>">
            {% for data_field in model_class.entity_level_cols_for_table %}
                {% if data_field == 'name' %}
                    <td><a href="/infiniguard/{{ system.serial }}/ost_clients/<%= entity.id %>"><%= entity.name %></a></td>
                    <td><%- entity.parent || '--' %></td>
                {% else %}
                    <td><%- entity.{{ data_field }} %></td>
                {% endif %}
            {% endfor %}
            <td><%= formatters.throughput(entity.ethernet_in) %></td>
            <td><%= formatters.throughput(entity.inline) %></td>
            <td><%= formatters.percent_without_rounding(entity.bandwidth_reduction) %></td>
        </tr>
    </script>

    <script>
        var parent_names = [ {% for name in parent_names %}'{{ name|escapejs }}', {% endfor %}];
    </script>
{% endblock %}