{% 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 %}{{ TableData.title }}{% endblock %}

{% block head_block %}
    {% compress js file reports %}
        <script type="text/javascript" src="{% static 'reports/js/reportsList.js' %}"></script>
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="seven wide column">
            <div class="ui grid">
                <div class="nine wide column">
                    <span class="purple-title">{% trans 'Decision' %}: </span>
                    <a href="{% url 'jobs:decision' report.decision.pk %}">{{ report.decision.name }}</a>
                </div>
                <div class="seven wide column">
                    <span class="purple-title">{% trans 'Author' %}: </span>
                    <a href="{% url 'users:show-profile' report.decision.operator.id %}">{{ report.decision.operator.get_full_name }}</a>
                </div>
            </div>
        </div>
        <div class="nine wide column">
            <button id="view_show_form_btn_{{ TableData.view.type }}" class="ui tiny violet button" style="float:right;margin-right: 10px;">{{ TableData.view.viewtitle }}</button>
            {% if TableData.parents %}{% include 'reports/parents_breadcrumb.html' with parents=TableData.parents %}{% endif %}
        </div>
    </div>
    <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 verdicts=TableData.verdicts selected_columns=TableData.selected_columns available_columns=TableData.available_columns %}
        <br>
    </div>
    {% if TableData.values|length %}
        {# Pagination #}
        {% if TableData.page %}
            <div>
                {% if TableData.page.has_previous %}
                    <i class="ui arrow left blue link icon page-link-icon" data-page-number="{{ TableData.page.previous_page_number }}"></i>
                {% endif %}
                <span>{% blocktrans with n1=TableData.page.number n2=TableData.paginator.num_pages %}Page {{ n1 }} of {{ n2 }}{% endblocktrans %}</span>
                {% if TableData.page.has_next %}
                    <i class="ui arrow right blue link icon page-link-icon" data-page-number="{{ TableData.page.next_page_number }}"></i>
                {% endif %}
            </div>
        {% endif %}
        <div id="report_list_table" style="overflow-x:auto;max-height:73vh;overflow-y:auto;">
            <table class="ui compact celled selectable table alternate-color {% if TableData.view.type == '6' %}red{% elif TableData.view.type == '5' %}green{% elif TableData.view.type == '4' %}orange{% endif %} ">
                <thead>{% tableheader TableData.columns TableData.titles %}</thead>
                <tbody>
                    {% for row_data in TableData.values %}
                        <tr>
                            {% for v in row_data %}
                                <td>
                                    {% if v.html %}
                                        <span>{{ v.value|safe }}</span>
                                    {% elif v.href %}
                                        <a href="{{ v.href }}">{{ v.value }}</a>
                                    {% else %}
                                        <span{% if v.color %} style="color:{{ v.color }}"{% endif %}>{{ v.value }}</span>
                                    {% endif %}
                                </td>
                            {% endfor %}
                        </tr>
                    {%  endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <h4>{% trans 'The list of reports is empty. Maybe it is because of the selected view.' %}</h4>
    {% endif %}
{% endblock %}