{% 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 %}
{% load tableheader %}

{% block title %}{% trans 'Total expert evaluation changes' %}{% endblock %}

{% block head_block %}
    {% compress css file mark %}
        <link href="{% static 'marks/css/mark.css' %}" rel="stylesheet">
        <link href="{% static 'marks/css/tagsmap.css' %}" rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <button type="button" class="ui tiny violet button" id="view_show_form_btn_{{ TableData.view.type }}" style="float:right;margin-right: 10px;">{{ TableData.view.viewtitle }}</button>
    {% if mark_url %}
        <a href="{{ mark_url }}" class="ui tiny green button">{% trans 'Show mark' %}</a>
    {% endif %}
    <br>
    <div id="view_form_segment_{{ TableData.view.type }}" class="ui form yellow segment" style="display: none">
        {% include TableData.view.template with view=TableData.view selected_columns=TableData.selected_columns available_columns=TableData.available_columns verdicts=TableData.verdicts %}
    </div>
    <br>
    {% if TableData.values|length %}
        <div style="overflow-x: auto; max-height: 75vh; overflow-y: auto;">
            <table class="ui celled compact pink selectable table alternate-color">
                <thead>{% tableheader TableData.columns TableData.titles %}</thead>
                <tbody>
                    {% for row_data in TableData.values %}
                        <tr>
                            {% for v in row_data %}
                                <td class="collapsing">
                                    {% if v.href %}
                                        <a href="{{ v.href }}">{{ v.value }}</a>
                                    {% elif v.html %}
                                        {{ v.html|safe }}
                                    {% else %}
                                        <span>{{ v.value }}</span>
                                    {% endif %}
                                </td>
                            {% endfor %}
                        </tr>
                    {%  endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <h1 class="header" style="text-align:center;">{% trans 'No changes with total expert evaluations or the view has filtered all results' %}</h1>
    {% endif %}
    <br>
    <script type="application/javascript">
    jQuery(function () {
        $('.ui.dropdown').dropdown();
    })
    </script>
{% endblock %}