{% 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 humanize %}
{% load tz %}
{% load static %}
{% load compress %}

{% block head_block %}
    {% compress js file job %}
        <script src="{% static 'jobs/js/jobPage.js' %}"></script>
    {% endcompress %}
    <script type="application/javascript">
        const LOCAL_PAGE_ERRORS = {
            compare_decisions_error: "{% trans 'Please select exactly two decisions you want to compare' %}",
            download_decisions_error: "{% trans 'Please select decisions you want to download' %}",
            remove_decisions_error: "{% trans 'Please select decisions you want to remove' %}"
        };
    </script>
{% endblock %}

{% block title %}{% trans 'Job' %}{% endblock %}

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

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

                <div class="ui dropdown item">
                    <div class="header">{% trans 'Job' %}</div><i class="dropdown icon"></i>
                    <div class="menu">
                        <a href="{% url 'jobs:download' object.id %}" class="item{% if not job_access.can_download %} disabled{% endif %}"><i class="download icon"></i> {% trans 'Download' %}</a>
                        <a href="{% url 'jobs:job-edit-form' object.id %}" class="item{% if not job_access.can_edit %} disabled{% endif %}"><i class="edit icon"></i> {% trans 'Edit' %}</a>
                        <a href="{% url 'jobs:decision-create' job.id %}" class="item"><i class="play icon"></i> {% trans 'Create new version' %}</a>
                        <a id="remove_job_btn" class="item{% if not job_access.can_delete %} disabled{% endif %}"><i class="trash icon"></i> {% trans 'Delete' %}</a>
                    </div>
                </div>
                {% if job_access.can_decide %}
                    <div class="ui dropdown item">
                        <div class="header">{% trans 'Decision' %}</div><i class="dropdown icon"></i>
                        <div class="menu">
                            <a id="fast_decide_job_btn" data-url="{% url 'jobs:api-decide' job.id %}" class="item"><i class="forward icon"></i> {% trans 'Start decision with preset files and default values' %}</a>
                        </div>
                    </div>
                {% endif %}
            </div>

            {# Job data table #}
            <table class="ui selectable compact inverted violet table attached">
                <thead>
                    <tr>
                        <th class="center aligned" colspan="2">
                            <span class="ui olive header">{{ object.name }}</span>
                            {% if preset_changed %}<br>(<span style="color: #ff8d9e">{% trans 'Preset files for this job were changed' %}</span>){% endif %}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr><th class="right aligned">{% trans 'Identifier' %}</th><td>{{ object.identifier }}</td></tr>
                    {% if object.author %}
                        <tr>
                            <th class="right aligned">{% trans 'Created by' %}</th>
                            <td><a class="violet-link" href="{% url 'users:show-profile' object.author_id %}">{{ object.author.get_full_name }}</a></td>
                        </tr>
                    {% endif %}
                    <tr>
                        <th class="right aligned">{% trans 'Creation date' %}</th>
                        <td>{% if user.data_format == 'hum' %}{{ object.creation_date|naturaltime }}{% else %}{{ object.creation_date }}{% endif %}</td>
                    </tr>
                    {% if parents %}
                        <tr>
                            <th class="right aligned">{% trans 'Job parents' %}</th>
                            <td>{% include 'jobs/parents.html' with parents=parents %}</td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
            <br>

            {# User roles #}
            <div class="ui pink segment">
                <div class="ui top left attached pink label">{% trans 'Job access' %}</div>
                {% if user_roles.count %}
                    <ul>
                        {% for ur in user_roles %}
                            {% if ur.user == user %}
                                <li>{% trans 'Your role for the job' %}: {{ ur.get_role_display }}</li>
                            {% else %}
                                <li><a href="{% url 'users:show-profile' ur.user.id %}">{{ ur.user.get_full_name }}</a>: {{ ur.get_role_display }}</li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                {% endif %}
                <p>{% blocktrans with global_role=object.get_global_role_display %}Other users have role "{{ global_role }}" for this job{% endblocktrans %}</p>
            </div>
        </div>

        <div class="eight wide column">
            {# Decisions list #}
            {% if decisions|length %}
                <div class="ui violet segment">
                    <div class="ui top left attached violet label">{% trans 'Job versions' %}</div>
                    {% include 'jobs/decision-list.html' with decisions=decisions with_checkbox=True %}
                    <br>
                    <div class="ui mini buttons">
                        <button id="compare_decisions_btn" data-url="{% url 'jobs:download' object.id %}?" class="ui violet disabled button">{% trans 'Compare reports' %}</button>
                        <button id="compare_files_btn" class="ui violet disabled button">{% trans 'Compare files' %}</button>
                        <button id="download_decisions_btn" data-url="{% url 'jobs:download' object.id %}?" class="ui teal disabled button">{% trans 'Download' %}</button>
                        <button id="remove_decisions_btn" data-url="{% url 'jobs:download' object.id %}?" class="ui red disabled button">{% trans 'Delete' %}</button>
                    </div>
                </div>
            {% else %}
                <h5>{% trans "The job don't have decisions yet" %}</h5>
            {% endif %}
        </div>
    </div>

    {# Warning modal for job remove #}
    <div id="remove_job_warn_modal" class="ui basic modal">
        <div class="ui icon header">
            <i class="warning sign icon"></i>
            {% trans 'Are you sure' %}?
        </div>
        <div class="content">
            <div class="ui center aligned grid">{% trans 'The action is irreversible' %}</div>
        </div>
        <div class="actions">
            <div class="ui center aligned grid">
                <button class="ui blue basic inverted button modal-cancel">{% trans 'Cancel' %}</button>
                <button class="ui red basic inverted button modal-confirm" data-url="{% url 'jobs:api-remove-job' object.id %}">{% trans 'Confirm' %}</button>
            </div>
        </div>
    </div>

    {# Warning modal for decisions remove #}
    <div id="remove_decisions_warn_modal" class="ui basic modal">
        <div class="ui icon header">
            <i class="warning sign icon"></i>
            {% trans 'Are you sure' %}?
        </div>
        <div class="content">
            <div class="ui center aligned grid">{% trans 'The action is irreversible' %}</div>
        </div>
        <div class="actions">
            <div class="ui center aligned grid">
                <button class="ui blue basic inverted button modal-cancel">{% trans 'Cancel' %}</button>
                <button class="ui red basic inverted button modal-confirm" data-url="{% url 'jobs:api-remove-job' object.id %}">{% trans 'Confirm' %}</button>
            </div>
        </div>
    </div>
{% endblock %}