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

{% for lvl in tree.levels %}
    {% for block in lvl %}
        <div class="comparison-block comparison-block-{{ block.type }}"
             data-blockclass="{{ block.block_class }}"
             data-id="{{ block.id }}" {% if block.parent %}data-parent="{{ block.parent.id }}"{% endif %}>

            <div class="block-title">
                <span>
                    {% if block.href %}
                        <a href="{{ block.href }}">{{ block.title }}</a>
                    {% else %}
                        <span>{{ block.subtitle }}</span>
                    {% endif %}
                {% if block.subtitle %}
                    (<span{% if block.subtitle.color %} style="color: {{ block.subtitle.color }}"{% endif %}>{{ block.subtitle.text }}</span>)
                {% endif %}
                </span>
            </div>
            {% if block.attrs %}
                <div class="ui bulleted list block-list">
                    {% for attr in block.attrs %}
                        <div class="item comparison-attr-{{ attr.type }}"><span>
                            <span style="font-weight: bold">{{ attr.name }}</span>
                            <i class="ui long arrow right icon"></i>
                            <span>{{ attr.value }}</span>
                        </span></div>
                    {% endfor %}
                </div>
            {% elif block.tags %}
                <div class="ui bulleted list block-list" style="margin-bottom: 10px;">
                    {% for tag in block.tags %}<div class="item">{{ tag }}</div>{% endfor %}
                </div>
            {% endif %}
        </div>
    {% endfor %}
    <br>
{% endfor %}