{% extends 'bridge/base.html' %}
{% comment "License" %}
% Copyright (c) 2019 ISP RAS (http://www.ispras.ru)
% Ivannikov Institute for System Programming of the Russian Academy of Sciences
%
% Licensed under the Apache License, Version 2.0 (the "License");
% you may not use this file except in compliance with the License.
% You may obtain a copy of the License at
%
%    http://www.apache.org/licenses/LICENSE-2.0
%
% Unless required by applicable law or agreed to in writing, software
% distributed under the License is distributed on an "AS IS" BASIS,
% WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
% See the License for the specific language governing permissions and
% limitations under the License.
{% endcomment %}

{% load i18n %}
{% load static %}
{% load compress %}

{% block title %}{% trans 'Schedulers' %}{% endblock %}

{% block head_block %}
    {% compress js file service %}
        <script src="{% static 'service/js/service.js' %}"></script>
    {% endcompress %}

    {% compress css file service %}
        <link href="{% static 'service/css/service.css' %}" rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="seven wide column">
            <table class="ui compact teal table">
                <thead>
                    <tr>
                        <th class="center aligned" style="background-color: #ccece3">
                            <h3 class="italic ui header">{% trans 'Scheduler' %}</h3>
                        </th>
                        <th class="center aligned" style="background-color: #ccece3">
                            <h3 class="italic ui header">{% trans 'Status' %}</h3>
                        </th>
                        <th style="background-color: #ccece3"></th>
                    </tr>
                {% for sch in schedulers %}
                    <tr>
                        <th class="five wide column center aligned">
                            <h4 class="header"><a class="show-sch-tools" data-type="{{ sch.type }}" href="#">{{ sch.get_type_display }}</a></h4>
                        </th>
                        <th class="five wide column center aligned">
                            {% if sch.status == 'HEALTHY' %}
                                <h4 class="ui green header">{% trans 'Healthy' %}</h4>
                            {% elif sch.status == 'AILING' %}
                                <h4 class="ui red header">{% trans 'Ailing' %}</h4>
                            {% elif sch.status == 'DISCONNECTED' %}
                                <h4 class="ui red header">{% trans 'Disconnected' %}</h4>
                            {% endif %}
                        </th>
                        <th class="one wide column right aligned"><i class="ui arrow right icon tools-arrow" data-type="{{ sch.type }}" style="display: none"></i></th>
                    </tr>
                {% endfor %}
                </thead>
            </table>
        </div>
        <div class="nine wide column">
            {% for sch in schedulers %}
                <div class="tools-list" data-type="{{ sch.type }}" style="display: none">
                    <div class="ui pink segment">
                        <div class="ui grid">
                            <div class="eight wide column">
                                <h3 class="ui header">{% trans 'Verification tools' %}</h3>
                            </div>
                            <div class="eight wide column">
                                <a class="ui orange right ribbon label close-tools"><i class="ui close icon"></i> {% trans 'Close' %}</a>
                            </div>
                        </div>
                        <table class="ui compact pink celled table">
                            <thead>
                                <tr>
                                    <th>{% trans 'Name' %}</th>
                                    <th>{% trans 'Version' %}</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for tool in sch.verificationtool_set.all %}
                                <tr>
                                    <td class="five wide column">{{ tool.name }}</td>
                                    <td class="five wide column">{{ tool.version }}</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

    <h2 class="ui violet header">{% trans 'Configurations and statistics of Klever scheduler nodes' %}</h2>
    <div class="ui grid">
        <div class="ten wide column">
            <table class="ui celled compact violet table selectable">
                <thead>
                    <tr>
                        <th>{% trans 'Node configurations' %}</th>
                        <th>{% trans 'Number of CPU cores' %}*</th>
                        <th>{% trans 'Memory size' %}**</th>
                        <th>{% trans 'Disk memory size' %}**</th>
                        <th>{% trans 'Number of solving jobs' %}</th>
                        <th>{% trans 'Number of solving tasks' %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conf in data.configs %}
                        <tr class="nodes-configuration">
                            <th class="right aligned">
                                <h4 class="header italic"><a class="show-nodes" data-conf="{{ conf.id }}" href="#">{{ conf.cnt }}</a></h4>
                            </th>
                            <td>{{ conf.cpu_number.0 }}/{{ conf.cpu_number.1 }}</td>
                            <td>{{ conf.ram_memory.0 }}/{{ conf.ram_memory.1 }}</td>
                            <td>{{ conf.disk_memory.0 }}/{{ conf.disk_memory.1 }}</td>
                            <td>{{ conf.jobs }}</td>
                            <td>{{ conf.tasks }}</td>
                        </tr>
                    {% endfor %}
                    <tr>
                        <th class="right aligned">
                            <h4 class="header italic">{% trans 'Total' %}</h4>
                        </th>
                        <td>{{ data.totals.cpu_number.0 }}/{{ data.totals.cpu_number.1 }}</td>
                        <td>{{ data.totals.ram_memory.0 }}/{{ data.totals.ram_memory.1 }}</td>
                        <td>{{ data.totals.disk_memory.0 }}/{{ data.totals.disk_memory.1 }}</td>
                        <td>{{ data.totals.jobs }}</td>
                        <td>{{ data.totals.tasks }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="six wide column">
            {% for conf in data.configs %}
                <div class="conf-info" data-conf="{{ conf.obj.id }}" style="display: none">
                    <div class="ui pink segment">
                        <div class="ui grid">
                            <div class="eight wide column">
                                <h3 class="header">{% trans 'Nodes configuration' %}</h3>
                            </div>
                            <div class="eight wide column">
                                <a class="ui orange right ribbon label close-nodes-conf"><i class="ui close icon"></i> {% trans 'Close' %}</a>
                            </div>
                        </div>
                        <div class="ui pointing list">
                            <div class="item"><span class="italic" style="color: #15b9c3">{% trans 'CPU model' %}:</span> {{ conf.obj.cpu_model }}</div>
                            <div class="item"><span class="italic" style="color: #15b9c3">{% trans 'Number of CPU cores' %}:</span> {{ conf.obj.cpu_number }}</div>
                            <div class="item"><span class="italic" style="color: #15b9c3">{% trans 'Memory size' %} ({% trans 'GB' %}):</span> {{ conf.obj.ram_memory }}</div>
                            <div class="item"><span class="italic" style="color: #15b9c3">{% trans 'Disk memory size' %} ({% trans 'GB' %}):</span> {{ conf.obj.disk_memory }}</div>
                            <div class="item"><span class="italic" style="color: #15b9c3">{% trans 'Number of nodes' %}:</span> {{ conf.nodes_number }}</div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    {% if nodes|length > 0 %}
        <h2 class="ui orange header">{% trans 'Klever scheduler nodes' %}</h2>
        <table class="ui celled compact orange table selectable">
            <thead>
                <tr>
                    <th>{% trans 'Hostname' %}</th>
                    <th>{% trans 'Status' %}</th>
                    <th>{% trans 'CPU model' %}</th>
                    <th>{% trans 'Number of CPU cores' %}*</th>
                    <th>{% trans 'Memory size' %}**</th>
                    <th>{% trans 'Disk memory size' %}**</th>
                    <th>{% trans 'Number of solving tasks' %}</th>
                    <th>{% trans 'Number of solving jobs' %}</th>
                    <th>{% trans 'Available for solving tasks' %}</th>
                    <th>{% trans 'Available for solving jobs' %}</th>
                </tr>
            </thead>
            <tbody>
                {% for node in nodes %}
                    <tr class="node-of-conf" data-conf="{{ node.config_id }}">
                        <td><a class="show-node-conf" data-conf="{{ node.config_id }}" href="#">{{ node.hostname }}</a></td>
                        <td>{{ node.get_status_display }}</td>
                        <td>{{ node.config.cpu_model }}</td>
                        <td>{% if node.workload %}{{ node.workload.reserved_cpu_number }}{% else %}-{% endif %}/{{ node.config.cpu_number }}</td>
                        <td>{% if node.workload %}{{ node.workload.reserved_ram_memory }}{% else %}-{% endif %}/{{ node.config.ram_memory }}</td>
                        <td>{% if node.workload %}{{ node.workload.reserved_disk_memory }}{% else %}-{% endif %}/{{ node.config.disk_memory }}</td>
                        <td>{% if node.workload %}{{ node.workload.running_verification_tasks }}{% else %}-{% endif %}</td>
                        <td>{% if node.workload %}{{ node.workload.running_verification_jobs }}{% else %}-{% endif %}</td>
                        <td>
                            {% if node.workload %}
                                {% if node.workload.available_for_tasks %}
                                    <i class="ui checkmark green icon"></i>
                                {% else %}
                                    <i class="ui remove red icon"></i>
                                {% endif %}
                            {% else %}
                                <span>-</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if node.workload %}
                                {% if node.workload.available_for_jobs %}
                                    <i class="ui checkmark green icon"></i>
                                {% else %}
                                    <i class="ui remove red icon"></i>
                                {% endif %}
                            {% else %}
                                <span>-</span>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        <h3 class="ui orange header">{% trans "Klever scheduler doesn't have nodes" %}</h3>
    {% endif %}
    <span class="italic" style="color: silver">*{% trans 'Reserved' %}/{% trans 'Available' %}</span>
    <br>
    <span class="italic" style="color: silver">**{% trans 'Reserved' %}/{% trans 'Available' %}, {% trans 'GB' %}</span>
{% endblock %}