{% 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 head_block %}
    {# Jstree #}
    <link rel="stylesheet" href="{% static 'bridge/jstree/themes/default/style.min.css' %}">
    <script src="{% static 'bridge/jstree/jstree.min.js' %}"></script>

    <script type="application/javascript">
        const PAGE_URLS = {
            get_status: "{% url 'jobs:api-decision-status' object.id %}",
            get_progress: "{% url 'jobs:progress' object.id %}",
            decision_results: "{% url 'jobs:decision-results' object.id %}",
            configuration_html: "{% url 'jobs:api-get-html-conf' object.id %}"
        };
    </script>

    {% compress js file decision %}
        <script src="{% static 'jobs/js/jobFilesView.js' %}"></script>
        <script src="{% static 'jobs/js/decisionPage.js' %}"></script>
    {% endcompress %}
{% endblock %}

{% block title %}{% trans 'Job version' %} ({{ object.get_status_display }}){% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="eight wide column">

            {# Decision menu #}
            <div class="ui violet inverted menu top attached">

                <div class="ui dropdown item">
                    <div class="header">{% trans 'Job version' %}</div><i class="dropdown icon"></i>
                    <div class="menu">
                        <a href="{% url 'jobs:download' object.job_id %}?decision={{ object.id }}" class="item{% if not access.can_download %} disabled{% endif %}"><i class="download icon"></i> {% trans 'Download' %}</a>
                        <a href="{% url 'jobs:decision-copy' object.id %}" class="item{% if not access.can_copy %} disabled{% endif %}"><i class="copy icon"></i> {% trans 'Copy' %}</a>
                        <a id="rename_decision_btn" class="item{% if not access.can_rename %} disabled{% endif %}"><i class="pencil icon"></i> {% trans 'Change name' %}</a>
                        <a id="remove_decision_btn" class="item{% if not access.can_delete %} disabled{% endif %}"><i class="trash icon"></i> {% trans 'Delete' %}</a>
                    </div>
                </div>

                <div class="ui dropdown item">
                    <div class="header">{% trans 'Decision' %}</div><i class="dropdown icon"></i>
                    <div class="menu">
                        <a id="show_configuration_btn" class="item"><i class="settings icon"></i> {% trans 'Configuration' %}</a>
                        <a id="restart_decision_btn" class="item{% if not access.can_restart %} disabled{% endif %}"><i class="redo icon"></i> {% trans 'Restart' %}</a>
                        <a id="stop_decision_btn" class="item{% if not access.can_stop %} disabled{% endif %}"><i class="stop icon"></i> {% trans 'Stop' %}</a>
                    </div>
                </div>

                <div class="ui dropdown item">
                    <div class="header">{% trans 'Reports' %}</div><i class="dropdown icon"></i>
                    <div class="menu">
                        <a id="collapse_reports_btn" class="item{% if not access.can_collapse %} disabled{% endif %}"><i class="adjust icon"></i> {% trans 'Collapse' %}</a>
                        <a id="download_verifier_files_modal_show" class="item{% if not access.can_download_verifier_files %} disabled{% endif %}"><i class="download icon"></i> {% trans 'Download verifier input files' %}</a>
                        <a id="clear_verifier_files_modal_show" class="item{% if not access.can_clear_verifier_files %} disabled{% endif %}"><i class="eraser icon"></i> {% trans 'Clear verifier input files' %}</a>
                    </div>
                </div>

                <div class="right menu">
                    <a id="decision_autoupdate_btn" class="item" data-status="on">{% trans 'Stop page autorefresh' %}</a>
                </div>
            </div>

            {# Decision data table #}
            <div class="ui accordion">
                <table class="title ui selectable compact inverted violet table attached">
                    <thead>
                        <tr>
                            <th class="center aligned" colspan="2">
                                <span class="ui olive header">{{ object.name }}{% if object.weight == '1' %} - {{ object.get_weight_display|lower }}{% endif %}</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><th class="right aligned" width="32%">{% trans 'Identifier' %}</th><td>{{ object.identifier }}</td></tr>
                        <tr>
                            <th class="right aligned">{% trans 'Job version parents' %}</th>
                            <td>{% include 'jobs/parents.html' with parents=parents parent_job=object.job %}</td>
                        </tr>
                    </tbody>
                </table>

                <div class="content ui">
                    <table class="ui selectable compact inverted violet table attached">
                        <tr><th class="right aligned" width="32%">{% trans 'Scheduler' %}</th><td>{{ object.scheduler.get_type_display }}</td></tr>
                        <tr><th class="right aligned">{% trans 'Priority' %}</th><td>{{ object.get_priority_display }}</td></tr>
                        {% if object.operator %}
                            <tr>
                                <th class="right aligned">{% trans 'Operator' %}</th>
                                <td><a class="violet-link" href="{% url 'users:show-profile' object.operator.pk %}">{{ object.operator.get_full_name }}</a></td>
                            </tr>
                        {% endif %}
                    </table>
                </div>
            </div>
            {# Files tree #}
            {% include 'jobs/filesTree.html' with data=files div_id='filestree_container' %}
            <br>

            {# Decision #}
            <div id="decision_progress_container">
                {% include 'jobs/viewDecision/progress.html' with decision=object progress=progress core_link=core_link %}
            </div>

            <br>
            {# Other decisions table #}
            {% if other_decisions|length %}
                <div class="ui violet segment">
                    <div class="ui top left attached violet label">{% trans 'Other job versions' %}</div>
                    {% include 'jobs/decision-list.html' with decisions=other_decisions %}
                </div>
            {% endif %}

            {# Coverage #}
            {% include 'jobs/viewDecision/coverage.html' with Coverage=Coverage %}
        </div>

        <div class="eight wide column">
            {# Data with verification results #}
            {% include reportdata.view.template with view=reportdata.view %}
            <br>
            <div id="decision_results_div">{% include 'jobs/DecisionResults.html' %}</div>
        </div>
    </div>

    {# Download verifier files modal #}
    {% if access.can_download_verifier_files %}
        <div id="download_verifier_files_modal" class="ui small dinamic modal">
            <div class="ui header">{% trans 'Choose filters' %}</div>
            <div class="content">
                <div class="ui grid">
                    <div class="six wide column">
                        {% if reportdata.totals and reportdata.totals.unsafes > 0 %}
                            <div class="ui checkbox">
                                <label for="download_verifier_files_unsafes">{% trans 'Unsafes' %}</label>
                                <input id="download_verifier_files_unsafes" type="checkbox" checked>
                            </div>
                            <br>
                        {% endif %}
                        {% if reportdata.totals and reportdata.totals.safes > 0 %}
                            <div class="ui checkbox">
                                <label for="download_verifier_files_safes">{% trans 'Safes' %}</label>
                                <input id="download_verifier_files_safes" type="checkbox" checked>
                            </div>
                            <br>
                        {% endif %}
                        {% if reportdata.totals and reportdata.totals.unknowns > 0 %}
                            <div class="ui checkbox">
                                <label for="download_verifier_files_unknowns">{% trans 'Unknowns' %}</label>
                                <input id="download_verifier_files_unknowns" type="checkbox" checked>
                            </div>
                            <br>
                        {% endif %}
                    </div>
                    <div id="download_verifier_files_problems" class="ten wide column">
                        {% if reportdata.problems|length %}
                            <p><small>{% trans "If you will not choose unknown problems then all verifier input files corresponding to unknowns will be downloaded" %}</small></p>
                        {% endif %}
                        {% for p in reportdata.problems %}
                            <div class="ui checkbox">
                                <label for="download_verifier_files_p_{{ p.id }}">{{ p.component }}/{{ p.problem }}</label>
                                <input id="download_verifier_files_p_{{ p.id }}" class="download_verifier_files-problem" type="checkbox" data-component="{{ p.component }}" data-problem="{{ p.problem }}" checked>
                            </div>
                            <br>
                        {% endfor %}
                        {% if reportdata.has_unmarked %}
                            <div class="ui checkbox">
                                <label for="download_verifier_files_p_null">{% trans 'Without marks' %}</label>
                                <input id="download_verifier_files_p_null" class="download_verifier_files-problem" type="checkbox" data-component="null" data-problem="null" checked>
                            </div>
                            <br>
                        {% endif %}
                    </div>
                    <div class="sixteen wide column right aligned">
                        <div class="ui buttons">
                            <button class="ui green button modal-confirm" data-url="{% url 'jobs:verifier-files' object.id %}">{% trans 'Download' %}</button>
                            <button class="ui blue button modal-cancel">{% trans 'Cancel' %}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span id="error___download_verifier_files_notype" hidden>{% trans 'Choose at least one type of reports' %}</span>
    {% endif %}
    {% if access.can_rename %}
        <div id="rename_decision_modal" class="ui small modal">
            <div class="content">
                <div class="ui fluid input">
                    <input id="rename_decision_input" type="text" maxlength="128" value="{{ object.title }}" placeholder="{% trans 'Name' %}">
                </div>
            </div>
            <div class="actions">
                <button class="ui green button modal-confirm" data-url="{% url 'jobs:api-rename-decision' object.id %}">{% trans 'Rename' %}</button>
                <button class="ui blue button modal-cancel">{% trans 'Cancel' %}</button>
            </div>
        </div>
    {% endif %}

    <div id="decision_conf_modal" class="ui dinamic large modal">
        <i class="close icon"></i>
        <div class="header">{% trans 'Configuration' %}</div>
        <div class="content"></div>
        <div class="actions">
            <a href="{% url 'jobs:download-decision-conf' object.id %}" class="ui labeled icon small violet button">
                <i class="download icon"></i>
                {% trans 'Download configuration' %}
            </a>
        </div>
    </div>

    <div hidden>
        <span id="stop_autorefresh">{% trans 'Stop page autorefresh' %}</span>
        <span id="start_autorefresh">{% trans 'Start page autorefresh' %}</span>
        <span id="error__autoupdate_off">{% trans 'Page autoupdate is turned off' %}</span>
    </div>
    <input id="current_decision_status" type="hidden" value="{{ object.status }}">

    {% include 'bridge/warn_modal.html' with warn_modal_id='restart_decision_modal' %}
    {% include 'bridge/warn_modal.html' with warn_modal_id='remove_decision_modal' %}
    {% include 'bridge/warn_modal.html' with warn_modal_id='collapse_reports_modal' %}
    {% include 'bridge/warn_modal.html' with warn_modal_id='clear_verifier_files_modal' %}
    {% include 'bridge/warn_modal.html' with warn_modal_id='stop_decision_modal' %}

    <script type="application/javascript">
        jQuery(function () {
            activate_warn_modal('restart_decision_modal', '#restart_decision_btn',
                "{% trans 'All existing reports and previous decision results of this decision will be deleted' %}!",
                function () {
                    $('#dimmer_of_page').addClass('active');
                    window.location.href = "{% url 'jobs:decision-restart' object.id %}";
                }
            );
            activate_warn_modal('remove_decision_modal', '#remove_decision_btn',
                "{% trans 'All verification results of this decision will be deleted' %}!",
                function () {
                    $('#dimmer_of_page').addClass('active');
                    $.ajax({
                        url: "{% url 'jobs:api-remove-decision' object.id %}",
                        method: 'DELETE',
                        success: function () {
                            window.location.replace("{% url 'jobs:job' object.job_id %}");
                        }
                    })
                }
            );
            activate_warn_modal('collapse_reports_modal', '#collapse_reports_btn',
                "{% trans 'There is no reverse of this action' %}!",
                function () {
                    $('#dimmer_of_page').addClass('active');
                    $.post("{% url 'jobs:api-collapse-reports' object.id %}", {}, function () {
                        window.location.replace('')
                    })
                }
            );
            activate_warn_modal('clear_verifier_files_modal', '#clear_verifier_files_modal_show',
                "{% trans 'Files of verification reports will be deleted' %}!",
                function () {
                    $('#dimmer_of_page').addClass('active');
                    $.ajax({
                        url: "{% url 'reports:clear-verification-files' object.id %}", method: 'DELETE',
                        success: function () {
                            window.location.replace('')
                        }
                    });
                }
            );
            activate_warn_modal('stop_decision_modal', '#stop_decision_btn',
                "{% trans 'The decision will be cancelled' %}!",
                function () {
                    $('#dimmer_of_page').addClass('active');
                    $.post("{% url 'jobs:api-cancel-decision' object.id %}", {}, function () {
                        window.location.replace('')
                    })
                }
            );
        })
    </script>
{% endblock %}