{% 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 'Decision reports comparison' %}{% endblock %}

{% block head_block %}
    {% compress css file mark_comparison %}
        <link href="{% static 'reports/css/comparison.css' %}" rel="stylesheet">
    {% endcompress %}
    {% compress js file mark_comparison %}
        <script src="{% static 'reports/js/comparison.js' %}"></script>
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <h3>{% trans 'Comparison of decisions' %}: <a href="{% url 'jobs:decision' decision1.pk %}" class="decision-href-1">{{ decision1.name }}</a>, <a href="{% url 'jobs:decision' decision2.pk %}" class="decision-href-2">{{ decision2.name }}</a></h3>
    <div class="ui grid">
        <div class="ten wide column">
            <table class="ui compact teal table">
                {% for tbl_row in data.table_rows %}
                    <tr>
                    {% for tbl_cell in tbl_row %}
                        {% if tbl_cell.class %}
                            <th class="{{ tbl_cell.class }}">{{ tbl_cell.value }}</th>
                        {% else %}
                            <td>
                            {% if tbl_cell.value == '-' %}
                                <span>-</span>
                            {% else %}
                                <a href="#" class="compare-cell" data-verdict="{{ tbl_cell.verdict }}">{{ tbl_cell.value }}</a>
                            {% endif %}
                            </td>
                        {% endif %}
                    {% endfor %}
                    </tr>
                {% endfor %}
            </table>
        </div>
        <div class="six wide column">
            {% for attr in data.attrs %}
                <label for="attr_value__{{ attr.id }}" style="font-weight: bold;">{{ attr.name }}</label>
                <select id="attr_value__{{ attr.id }}" class="ui small search selection dropdown fluid attrs-dropdown">
                    <option value="__ANY__">{% trans 'Any' %}</option>
                    {% for attr_value in attr.values %}
                        <option value="{{ attr_value }}">{{ attr_value }}</option>
                    {% endfor %}
                </select>
                <br>
            {% endfor %}
            <div class="ui grid">
                <div class="eleven wide column">
                    <br>
                    {% if not data.lightweight %}
                        <div class="ui checkbox">
                            <input id="show_all_components" type="checkbox">
                            <label for="show_all_components">{% trans 'Show all (sub)components' %}</label>
                        </div>
                        <br><br>
                    {% endif %}
                    <div class="ui checkbox">
                        <input id="show_all_attrs" type="checkbox">
                        <label for="show_all_attrs">{% trans 'Show all attributes' %}</label>
                    </div>
                </div>
                <div class="five wide column right aligned">
                    <button id="search_by_attrs" type="button" class="ui small violet button">{% trans 'Search' %}</button>
                </div>
            </div>
        </div>
    </div>
    <input id="compare_data_url" type="hidden" value="{% url 'reports:api-comparison-data' data.info.id %}">
    <input id="search_verdict" type="hidden">
    <input id="search_attrs" type="hidden">
    <div id="compare_data"></div>
    <span id="error__no_selected_attribute" hidden>{% trans 'Please select to show all attributes' %}</span>
{% endblock %}