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

{% include 'users/views/viewButtons.html' %}
<div class="ui divider"></div>

<div class="ui grid">
    <div class="six wide column">
        <h3>{% trans 'Number of rows' %}</h3>
        <input id="view_data_{{ view.type }}__elements" value="list" data-list="elements" type="hidden">
        <label for="view_{{ view.type }}__elements"></label>
        <div class="ui input"><input id="view_{{ view.type }}__elements" type="number"{% if 'elements' in view %} value="{{ view.elements.0 }}"{% endif %}></div>
        <div class="ui divider"></div>

        <h3 class="header">{% trans 'Columns' %}</h3>
        <div class="ui divider"></div>
        {% include 'users/views/viewColumns.html' %}

        {# Order #}
        <h3 class="header">{% trans 'Order' %}<i class="link blue help icon note-popup" data-content="{% trans 'Sorting only works when sorted column is shown' %}"></i></h3>
        <div class="ui divider"></div>
        <input id="view_data_{{ view.type }}__order" value="list_null" data-list="radio_order_value__radio_order__order_attr" type="hidden">
        <div class="fields">
            <div class="four wide field">
                <div class="ui radio checkbox">
                    <input id="order_value_up_{{ view.type }}" name="view_{{ view.type }}__radio_order_value" type="radio" value="up" {% if view.order.0 == 'up' %} checked{% endif %}>
                    <label for="order_value_up_{{ view.type }}"><i class="ui arrow up icon"></i></label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_value_down_{{ view.type }}" name="view_{{ view.type }}__radio_order_value" type="radio" value="down" {% if view.order.0 == 'down' %} checked{% endif %}>
                    <label for="order_value_down_{{ view.type }}"><i class="ui arrow down icon"></i></label>
                </div>
            </div>
            <div class="twelve wide field">
                <div class="ui radio checkbox">
                    <input id="order_by_date__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="change_date"{% if view.order.1 == 'change_date' %} checked{% endif %}>
                    <label for="order_by_date__{{ view.type }}">{% trans 'Order by last change date' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_repnum__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="num_of_links"{% if view.order.1 == 'num_of_links' %} checked{% endif %}>
                    <label for="order_by_repnum__{{ view.type }}">{% trans 'Order by the number of associated leaf reports' %}</label>
                </div>
                {% if view.type == '9' %}
                    <br>
                    <div class="ui radio checkbox">
                        <input id="order_by_component__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="component"{% if view.order.1 == 'component' %} checked{% endif %}>
                        <label for="order_by_component__{{ view.type }}">{% trans 'Order by component name' %}</label>
                    </div>
                {% endif %}
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_attr__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="attr"{% if view.order.1 == 'attr' %} checked{% endif %}>
                    <label for="order_by_attr__{{ view.type }}">{% trans 'Order by attribute' %}</label>
                </div>
            </div>
        </div>
        <div id="order_attr_value_div__{{ view.type }}"{% if view.order.1 != 'attr' %} style="display: none"{% endif %}>
            <label for="view_{{ view.type }}__order_attr"></label>
            <input id="view_{{ view.type }}__order_attr" type="text"{% if view.order.1 == 'attr' %} value="{{ view.order.2 }}"{% endif %}>
            <br>
            <small style="color: #656565">{% trans 'Enter the full name of the attribute' %}, {% trans 'e.g.' %} <i>Linux kernel:Version</i></small>
        </div>
    </div>
    <div class="ten wide column">
        <h3>{% trans 'Filters' %}<i class="link blue help icon note-popup" data-content="{% trans 'Filtering only works when filtered column is shown' %}"></i></h3>
        <div class="ui divider"></div>

        {# Identifier #}
        <input id="view_data_{{ view.type }}__identifier" value="list_if_identifier_enable" data-list="identifier_value" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__identifier_enable"{% if 'identifier' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__identifier_enable">{% trans 'Identifier' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <h4 class="header">{% trans 'is' %}</h4>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__identifier_value" type="text"{% if 'identifier' in view %} value="{{ view.identifier.0 }}"{% endif %}>
                <label for="view_{{ view.type }}__identifier_value"></label>
            </div>
        </div>
        <div class="ui divider"></div>

    {% if view.type == '7' %}
        {# Status #}
        <input id="view_data_{{ view.type }}__status" value="checkboxes_if_status_enable" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__status_enable"{% if 'status' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__status_enable">{% trans 'Status' %} ({% trans 'only bugs will be shown' %})</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            {% for status in statuses %}
                <div class="ui checkbox" style="margin-right: 30px; margin-top: 10px;">
                    <input id="view_{{ view.type }}__status__{{ status.0 }}" type="checkbox" value="{{ status.0 }}"{% if 'status' in view and status.0 in view.status %} checked{% endif %}>
                    <label for="view_{{ view.type }}__status__{{ status.0 }}">{{ status.1 }}</label>
                </div>
            {% endfor %}
        </div>
        <div class="ui divider"></div>
    {% endif %}

    {% if view.type == '9' %}
        {# Component #}
        <input id="view_data_{{ view.type }}__component" value="list_if_component_enable" data-list="component_type__component_value" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__component_enable"{% if 'component' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__component_enable">{% trans 'Component' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <select id="view_{{ view.type }}__component_type" class="ui dropdown">
                    <option value="iexact"{% if 'component' in view and view.component.0 == 'iexact' %} selected{% endif %}>{% trans 'is' %}</option>
                    <option value="istartswith"{% if 'component' in view and view.component.0 == 'istartswith' %} selected{% endif %}>{% trans 'starts with' %}</option>
                </select>
                <label for="view_{{ view.type }}__component_type"></label>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__component_value" type="text"{% if 'component' in view %} value="{{ view.component.1 }}"{% endif %}>
                <label for="view_{{ view.type }}__component_value"></label>
            </div>
        </div>
        <div class="ui divider"></div>
    {% endif %}

    {% if verdicts %}
        {# Verdict #}
        <input id="view_data_{{ view.type }}__verdict" value="checkboxes_if_verdict_enable" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__verdict_enable"{% if 'verdict' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__verdict_enable">{% trans 'Verdict' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            {% for verdict in verdicts %}
                <div class="ui checkbox" style="margin-right: 30px; margin-top: 10px;">
                    <input id="view_{{ view.type }}__verdict__{{ verdict.0 }}" type="checkbox" value="{{ verdict.0 }}"{% if 'verdict' in view and verdict.0 in view.verdict %} checked{% endif %}>
                    <label for="view_{{ view.type }}__verdict__{{ verdict.0 }}">{{ verdict.1 }}</label>
                </div>
            {% endfor %}
        </div>
        <div class="ui divider"></div>
    {% endif %}

        {# Author #}
        <input id="view_data_{{ view.type }}__author" value="list_if_author_enable" data-list="author_id" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__author_enable"{% if 'author' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__author_enable">{% trans 'Author' %}</label><br>
        </div>
        <br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <h4 class="header">{% trans 'is' %}</h4>
            </div>
            <div class="field">
                <select id="view_{{ view.type }}__author_id" class="ui dropdown">
                    {% for author in authors %}
                        <option value="{{ author.id }}"{% if 'author' in view and view.author.0 == author.pk|slugify %} selected{% endif %}>{{ author.get_full_name }}</option>
                    {% endfor %}
                </select>
                <label for="view_{{ view.type }}__author_id"></label>
            </div>
        </div>
        <div class="ui divider"></div>

        {# Last change date #}
        <input id="view_data_{{ view.type }}__change_date" value="list_if_change_date" data-list="date_type__date_value__date_measure" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__change_date"{% if 'change_date' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__change_date">{% trans 'Last change date' %}</label>
        </div>
        <br><br>
        <div class="inline fields">
            <div class="field">
                <label for="view_{{ view.type }}__date_type">&nbsp;</label>
                <select id="view_{{ view.type }}__date_type" class="ui dropdown">
                    <option value="lt"{% if 'change_date' in view and view.change_date.0 == 'lt' %} selected{% endif %}>{% trans 'older' %}</option>
                    <option value="gt"{% if 'change_date' in view and view.change_date.0 == 'gt' %} selected{% endif %}>{% trans 'younger' %}</option>
                </select>
            </div>
            <div class="field">
                <label for="view_{{ view.type }}__date_value">{% trans 'than' %}</label>
                <input id="view_{{ view.type }}__date_value" type="number" min="0"{% if 'change_date' in view %} value="{{ view.change_date.1 }}"{% endif %}>
            </div>
            <div class="field">
                <label for="view_{{ view.type }}__date_measure">&nbsp;</label>
                <select id="view_{{ view.type }}__date_measure" class="ui dropdown">
                    <option value="minutes"{% if 'change_date' in view and view.change_date.2 == 'minutes' %} selected{% endif %}>{% trans 'minutes' %}</option>
                    <option value="hours"{% if 'change_date' in view and view.change_date.2 == 'hours' %} selected{% endif %}>{% trans 'hours' %}</option>
                    <option value="days"{% if 'change_date' in view and view.change_date.2 == 'days' %} selected{% endif %}>{% trans 'days' %}</option>
                    <option value="weeks"{% if 'change_date' in view and view.change_date.2 == 'weeks' %} selected{% endif %}>{% trans 'weeks' %}</option>
                </select>
            </div>
        </div>
        <div class="ui divider"></div>

        {# Source #}
        <input id="view_data_{{ view.type }}__source" value="checkboxes_if_source_enable" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__source_enable"{% if 'source' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__source_enable">{% trans 'Source' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            {% for source in sources %}
                <div class="ui checkbox" style="margin-right: 30px; margin-top: 10px;">
                    <input id="view_{{ view.type }}__source__{{ source.0 }}" type="checkbox" value="{{ source.0 }}"{% if 'source' in view and source.0 in view.source %} checked{% endif %}>
                    <label for="view_{{ view.type }}__source__{{ source.0 }}">{{ source.1 }}</label>
                </div>
            {% endfor %}
        </div>
        <div class="ui divider"></div>

        {# Attribute #}
        <input id="view_data_{{ view.type }}__attr" value="list_if_attr" data-list="attr_name__attr_type__attr_value" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__attr"{% if 'attr' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__attr">{% trans 'Attribute' %}</label>
        </div>
        <br><br>
        <div class="fields" style="margin-left: 15px;">
            <div class="six wide field">
                <div class="ui fluid input">
                    <input id="view_{{ view.type }}__attr_name" type="text"{% if 'attr' in view %} value="{{ view.attr.0 }}"{% endif %} style="width: 15vw;" placeholder="{% trans 'Attribute name' %}">
                </div>
                <small style="color: #656565">{% trans 'Enter the full name of the attribute' %}, {% trans 'e.g.' %} <i>Linux kernel:Version</i></small>
            </div>
            <div class="five wide field">
                <select id="view_{{ view.type }}__attr_type" class="ui dropdown">
                    <option value="iexact"{% if 'attr' in view and view.attr.1 == 'iexact' %} selected{% endif %}>{% trans 'is' %}</option>
                    <option value="istartswith"{% if 'attr' in view and view.attr.1 == 'istartswith' %} selected{% endif %}>{% trans 'starts with' %}</option>
                    <option value="iendswith"{% if 'attr' in view and view.attr.1 == 'iendswith' %} selected{% endif %}>{% trans 'ends with' %}</option>
                    <option value="icontains"{% if 'attr' in view and view.attr.1 == 'icontains' %} selected{% endif %}>{% trans 'contains' %}</option>
                </select>
                <label for="view_{{ view.type }}__attr_type">&nbsp;</label>
            </div>
            <div class="five wide field">
                <div class="ui fluid input">
                    <input id="view_{{ view.type }}__attr_value" type="text"{% if 'attr' in view %} value="{{ view.attr.2 }}"{% endif %} placeholder="{% trans 'Attribute value' %}">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="ui divider"></div>

<div class="ui grid">
    <div class="four wide column"></div>
    <div class="seven wide column center aligned">
        {% include 'users/views/viewCreateForm.html' %}
    </div>
</div>