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

<div class="ui pink segment" style="margin-bottom: 45px;">
    {% if data.type == 'unknown' %}
        <div class="ui purple segment">
            <div class="ui checkbox">
                <input type="checkbox" id="is_regexp"{% if data.is_regexp %} checked{% endif %}>
                <label for="is_regexp">{% trans 'Regular expression' %}</label>
            </div>
            <br><br>
            <label for="unknown_function" class="purple-title">{% trans 'Pattern' %}</label>
            <div class="ui form">
                <textarea id="unknown_function" rows="5" style="resize:none" placeholder="{% trans 'Pattern' %}">{{ data.function }}</textarea>
            </div>
            <br>
            <label for="unknown_problem_pattern" class="purple-title">{% trans 'Problem' %}</label>
            <div class="ui input fluid">
                <input id="unknown_problem_pattern" type="text" value="{{ data.problem_pattern }}" maxlength="20">
            </div>
            <br>
            <label for="unknown_link" class="purple-title">{% trans 'Link to detailed description' %}</label>
            <div class="ui input fluid">
                <input id="unknown_link" type="url" value="{{ data.link }}">
            </div>
        </div>
    {% else %}
        <div class="ui two column grid">
            {# Verdict #}
            <div id="verdict_column" class="column">
                <h4 class="ui pink header">{% trans 'Verdict' %}</h4>
                <div>
                    {% for v in data.verdicts %}
                        <div class="ui radio checkbox">
                            <input id="selected_verdict__{{ v.id }}" type="radio" name="selected_verdict" value="{{ v.id }}"{% if v.id == data.verdict %} checked{% endif %}>
                            <label for="selected_verdict__{{ v.id }}"{% if v.color %} style="color: {{ v.color }};"{% endif %}>{{ v.text }}</label>
                        </div>
                        <br>
                    {% endfor %}
                </div>
            </div>
            {% if data.type == 'unsafe' %}
                {# Status #}
                <div id="status_column" class="column"{% if not data.status %} style="display: none"{% endif %}>
                    <h4 class="ui pink header">{% trans 'Status' %}</h4>
                    <div style="margin-left: 25px">
                        {% for s in data.statuses %}
                            <div class="ui radio checkbox">
                                <input id="selected_status__{{ s.id }}" type="radio" name="selected_status" value="{{ s.id }}" {% if data.status == s.id %} checked{% endif %}>
                                <label for="selected_status__{{ s.id }}"{% if s.color %} style="color: {{ s.color }};"{% endif %}>{{ s.text }}</label>
                            </div>
                            <br>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        </div>
        <h4 class="header ui pink">{% trans 'Tags' %}</h4>
        <div id="mark_tags_container">
            {% include 'marks/MarkTagsForm.html' with tags=data.tags %}
        </div>
    {% endif %}

    <h4 class="ui pink header">{% trans 'Description' %}</h4>
    <div class="ui form">
        <label for="mark_description"></label>
        <textarea id="mark_description" rows="5" style="resize:none">{{ data.description }}</textarea>
    </div>
    <br>
    <label for="inline_mark_comment"></label>
    <div class="ui action input fluid">
        <input id="inline_mark_comment" type="text" placeholder="{% trans 'Comment' %}">
        <button id="save_inline_mark_btn" class="ui green button" data-url="{{ save_url }}" data-method="{{ save_method }}" data-action="{{ action }}" data-type="{{ data.type }}">{% trans 'Save' %}</button>
        <button id="close_inline_mark_form" class="ui blue button">{% trans 'Cancel' %}</button>
    </div>
    {% if data.type == 'unsafe' %}
        <input id="compare_function" type="hidden" value="{{ data.function }}">
        <input id="threshold" type="hidden" value="{% if data.threshold is not None %}{{ data.threshold }}{% else %}{{ user.default_threshold_percentage }}{% endif %}">
    {% endif %}

    <div id="inline_mark_attrs" hidden>
        {% for attr in attrs %}
            <span data-name="{{ attr.name }}" data-value="{{ attr.value }}" data-compare="{% if attr.is_compare or attr.associate %}true{% else %}false{% endif %}"></span>
        {% endfor %}
    </div>

    {% if action == 'create' %}
        <input id="report_id" type="hidden" value="{{ object.id }}">
    {% endif %}
</div>