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

<h3>{% trans 'Versions comparison' %}</h3>
<p>
    <i class="ui red minus icon"></i>
    {{ data.v1.change_date|date:"r" }}
    {% if data.v1.author %}
        (<a href="{% url 'users:show-profile' data.v1.author_id %}">{{ data.v1.author.get_full_name }}</a>)
    {% endif %}
    {% if data.v1.comment %}
        <span>: {{ data.v1.comment }}</span>
    {% endif %}
</p>
<p>
    <i class="ui green plus icon"></i>
    {{ data.v2.change_date|date:"r" }}
    {% if data.v2.author %}
        (<a href="{% url 'users:show-profile' data.v2.author_id %}">{{ data.v2.author.get_full_name }}</a>)
    {% endif %}
    {% if data.v2.comment %}
        <span>: {{ data.v2.comment }}</span>
    {% endif %}
</p>
<div class="ui divider"></div>

{% if data.verdict %}
    <h5>{% trans 'Verdict was changed' %}</h5>
    <span>
        <i class="ui red minus icon"></i> <strong{% if data.verdict.0.color %} style="color: {{ data.verdict.0.color }}"{% endif %}>{{ data.verdict.0.text }}</strong>
        <br>
        <i class="ui green plus icon"></i> <strong{% if data.verdict.1.color %} style="color: {{ data.verdict.1.color }}"{% endif %}>{{ data.verdict.1.text }}</strong>
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.status %}
    <h5>{% trans 'Status was changed' %}</h5>
    <span>
        <i class="ui red minus icon"></i>
        {% if data.status.0.id %}
            <strong{% if data.status.0.color %} style="color: {{ data.status.0.color }};"{% endif %}>{{ data.status.0.text }}</strong>
        {% else %}
            <i class="ui pink ban icon"></i>
        {% endif %}
        <br>
        <i class="ui green plus icon"></i>
        {% if data.status.1.id %}
            <strong{% if data.status.1.color %} style="color: {{ data.status.1.color }};"{% endif %}>{{ data.status.1.text }}</strong>
        {% else %}
            <i class="ui pink ban icon"></i>
        {% endif %}
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.tags %}
    <h5>{% trans 'Tags were changed' %}</h5>
    <span>
        <i class="ui red minus icon"></i> {% if data.tags.0 %}{{ data.tags.0 }}{% else %}<i class="ui red ban icon"></i>{% endif %}
        <br>
        <i class="ui green plus icon"></i> {% if data.tags.1 %}{{ data.tags.1 }}{% else %}<i class="ui red ban icon"></i>{% endif %}
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.error_trace %}
    <h5>{% trans 'Error trace was changed' %}</h5>
    <span class="filecontent" style="max-height: 30vh;">{{ data.error_trace }}</span>
    <div class="ui divider"></div>
{% endif %}

{% if data.unsafe_regexp %}
    <h5>{% trans 'Regular expression' %}</h5>
    <span>
        <i class="ui red minus icon"></i> {{ data.unsafe_regexp.0 }}
        <br>
        <i class="ui green plus icon"></i> {{ data.unsafe_regexp.1 }}
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.attrs %}
    <h5>{% trans 'Attributes to compare were changed' %}</h5>
    <i class="ui red minus icon"></i>
    {% if data.attrs.0|length %}
        <ul>
            {% for attr in data.attrs.0 %}
                <li><b>{{ attr.name }}:</b> {{ attr.value }}</li>
            {% endfor %}
        </ul>
    {% else %}
        <i class="ui red ban icon"></i>
    {% endif %}

    <br>
    <i class="ui green plus icon"></i>
    {% if data.attrs.1|length %}
        <ul>
            {% for attr in data.attrs.1 %}
                <li><b>{{ attr.name }}:</b> {{ attr.value }}</li>
            {% endfor %}
        </ul>
    {% else %}
        <i class="ui red ban icon"></i>
    {% endif %}
    <div class="ui divider"></div>
{% endif %}

{% if data.unknown_func %}
    <h5>{% trans 'Pattern was changed' %}</h5>
    <span>
        <i class="ui red minus icon"></i>{% if data.unknown_func.0.is_regexp %}(regexp){% endif %}<br>
        <span class="filecontent">{{ data.unknown_func.0.func }}</span>
        <br><br>
        <i class="ui green plus icon"></i>{% if data.unknown_func.1.is_regexp %}(regexp){% endif %}<br>
        <span class="filecontent">{{ data.unknown_func.1.func }}</span>
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.problem %}
    <h5>{% trans 'Problem or/and its link were changed' %}</h5>
    <span>
        <i class="ui red minus icon"></i>{% if data.problem.0.link %}<a href="{{ data.problem.0.link }}">{{ data.problem.0.pattern }}</a>{% else %}{{ data.problem.0.pattern }}{% endif %}<br>
        <i class="ui green plus icon"></i>{% if data.problem.1.link %}<a href="{{ data.problem.1.link }}">{{ data.problem.1.pattern }}</a>{% else %}{{ data.problem.1.pattern }}{% endif %}
    </span>
    <div class="ui divider"></div>
{% endif %}

{% if data.v1.description != data.v2.description %}
    <h5>{% trans 'Description was changed' %}</h5>
    <p><i class="ui red minus icon"></i>{% if data.v1.description %}{{ data.v1.description }}{% else %}<i class="ui red ban icon"></i>{% endif %}</p>
    <p><i class="ui green plus icon"></i>{% if data.v2.description %}{{ data.v2.description }}{% else %}<i class="ui red ban icon"></i>{% endif %}</p>
    <div class="ui divider"></div>
{% endif %}