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

{% if TableData.content %}
    <table class="ui celled compact structured violet table tree alternate-color">
        <thead>{% tableheader TableData.columns TableData.titles %}</thead>
        <tbody>
            {% for preset_data in TableData.content.values %}
                <tr class="{% if preset_data.instance.type != '2' %}tr-show{% endif %} treegrid-p{{ preset_data.instance.id }}{% if preset_data.instance.parent_id %} treegrid-parent-p{{ preset_data.instance.parent_id }}{% endif %}">
                    <td class="one wide right aligned">
                        {% if preset_data.instance.type == '2' %}
                            <div class="ui fitted checkbox">
                                <input class="presetdir-checkbox" type="checkbox" value="{{ preset_data.instance.id }}">
                            </div>
                        {% else %}
                            &nbsp;
                        {% endif %}
                    </td> {# Checkbox column #}
                    <td class="collapsing bold-text">
                        <a href="{% url 'jobs:preset' preset_data.instance.id %}">{{ preset_data.instance.name }}</a>
                        {% if can_create and preset_data.instance.type != '0' %}
                            <span>
                                {% if preset_data.instance.type == '1' %}
                                    <i data-content="{% trans 'Add jobs directory' %}" class="ui violet link plus icon add-preset-dir-link note-popup" data-parent="{{ preset_data.instance.id }}"></i>
                                {% elif preset_data.instance.type == '2' %}
                                    <span data-tooltip="{% trans 'Rename jobs directory' %}" data-position="top left"><i class="ui violet link pencil icon change-preset-dir-link note-popup" data-url="{% url 'jobs:api-preset-job-dir-detail' preset_data.instance.id %}"></i></span>
                                    <span data-tooltip="{% trans 'Remove jobs directory' %}" data-position="top left"><i class="ui red link remove icon remove-preset-dir-link note-popup" data-url="{% url 'jobs:api-preset-job-dir-detail' preset_data.instance.id %}"></i></span>
                                {% endif %}
                                <a href="{% url 'jobs:job-create-form' preset_data.instance.id %}"><i data-content="{% trans 'Create new job' %}" class="ui blue link copy icon note-popup"></i></a>
                            </span>
                        {% endif %}
                    </td>  {# Name column #}
                    {% for ind in TableData.columns_num_range %}<td class="collapsing">&nbsp;</td>{% endfor %}
                </tr>
                {% for job_data in preset_data.jobs.values %}
                    {# If job is under custom directory, it is hidden (PRESET_JOB_TYPE[2][0]) #}
                    <tr class="treegrid-j{{ job_data.instance.id }} treegrid-parent-p{{ preset_data.instance.id }}" style="{% if preset_data.instance.type == '2' %}display:none;{% endif %}">
                        <td class="one wide right aligned">
                            <div class="ui fitted checkbox">
                                <input class="job-checkbox" type="checkbox" value="{{ job_data.instance.id }}">
                            </div>
                        </td>
                        <td class="collapsing">
                            <a href="{% url 'jobs:job' job_data.instance.id %}">{{ job_data.instance.name }}</a>
                            <span>
                                {% if job_data.decisions|length %}
                                    <a href="{% url 'jobs:decision-latest' job_data.instance.id %}"><i data-content="{% trans 'Latest version' %}" class="ui blue link paper plane icon note-popup"></i></a>
                                    <a href="{% url 'jobs:download' job_data.instance.id %}"><i data-content="{% trans 'Download' %}" class="ui blue link download icon note-popup"></i></a>
                                {% endif %}
                            </span>
                        </td>
                        {% for v in job_data.values %}
                            <td class="collapsing">{% if v.html %}{{ v.html|safe }}{% elif v.text %}{{ v.text }}{% endif %}</td>
                        {% endfor %}
                    </tr>

                    {% for decision, values in job_data.decisions %}
                        {# Decisions are hidden by default #}
                        <tr class="treegrid-d{{ decision.id }} treegrid-parent-j{{ job_data.instance.id }}" style="display:none;">
                            <td class="one wide right aligned">
                                <div class="ui fitted checkbox">
                                    <input class="decision-checkbox" type="checkbox" value="{{ decision.id }}">
                                </div>
                            </td>
                            <td class="collapsing"><a href="{% url 'jobs:decision' decision.id %}">{{ decision.name }}</a></td>
                            {% for v in values %}
                                <td class="collapsing">{% if v.html %}{{ v.html|safe }}{% elif v.text %}{{ v.text }}{% endif %}</td>
                            {% endfor %}
                        </tr>
                    {% endfor %}
                {% endfor %}
            {% endfor %}
        </tbody>
    </table>
{% else %}
    <h3 class="ui red header">{% trans 'Please populate preset jobs' %}</h3>
{% endif %}