{% 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 styled accordion fluid">
    <div class="title"><i class="setting icon"></i>{{ view.viewtitle }}</div>
    <div class="content ui form">
        {% include 'users/views/viewButtons.html' %}
        <div class="ui divider"></div>

        <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>{% trans 'Order' %}</h3>
        <input id="view_data_{{ view.type }}__order" value="list_null" data-list="radio_order_value__radio_order_type__order_attr" type="hidden">
        <div class="fields">
            <div class="three 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 'order' in view and 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 'order' in view and 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="four wide field">
                <div class="ui radio checkbox">
                    <input id="order_by_component__{{ view.type }}" name="view_{{ view.type }}__radio_order_type" type="radio" value="component"{% if view.order.1 == 'component' %} checked{% endif %}>
                    <label for="order_by_component__{{ view.type }}">{% trans 'Component' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_attr__{{ view.type }}" name="view_{{ view.type }}__radio_order_type" type="radio" value="attr" {% if view.order.1 == 'attr' %} checked{% endif %}>
                    <label for="order_by_attr__{{ view.type }}">{% trans 'Attribute' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_date__{{ view.type }}" name="view_{{ view.type }}__radio_order_type" type="radio" value="date" {% if view.order.1 == 'date' %} checked{% endif %}>
                    <label for="order_by_date__{{ view.type }}">{% trans 'Finish date' %}*</label>
                </div>
            </div>
            <div id="order_attr_value_div__{{ view.type }}"{% if view.order.1 != 'attr' %} style="display: none"{% endif %} class="nine wide field">
                <input id="view_{{ view.type }}__order_attr" type="text"{% if view.order.1 == 'attr' %} value="{{ view.order.2 }}"{% endif %} style="min-width: 250px;" placeholder="{% trans 'Attribute name' %}">
                <small style="color: #656565">{% trans 'Enter the full name of the attribute' %}, {% trans 'e.g.' %} <i>Linux kernel:Version</i></small>
            </div>
        </div>
        <small style="color: #656565">*{% trans 'Only finished children will be shown' %}</small>

        <h3>{% trans 'Filters' %}</h3>
        <div class="ui divider"></div>
        {# Component #}
        <input id="view_data_{{ view.type }}__component" value="list_if_component" data-list="component_type__component_name" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__component"{% if 'component' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__component">{% trans 'Component name' %}</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>
                    <option value="icontains"{% if 'component' in view and view.component.0 == 'icontains' %} selected{% endif %}>{% trans 'contains' %}</option>
                </select>
                <label for="view_{{ view.type }}__component_type"></label>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__component_name" type="text"{% if 'component' in view %} value="{{ view.component.1 }}"{% endif %}>
                <label for="view_{{ view.type }}__component_name"></label>
            </div>
        </div>
        <div class="ui divider"></div>

        <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="three fields" style="margin-left: 15px;">
            <div class="field">
                <input id="view_{{ view.type }}__attr_name" type="text"{% if 'attr' in view %} value="{{ view.attr.0 }}"{% endif %} placeholder="{% trans 'Attribute name' %}">
                <label for="view_{{ view.type }}__attr_name"></label>
                <small style="color: #656565">{% trans 'Enter the full name of the attribute' %}, {% trans 'e.g.' %} <i>Linux kernel:Version</i></small>
            </div>
            <div class="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>
                </select>
                <label for="view_{{ view.type }}__attr_type"></label>
            </div>
            <div class="field">
                <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 class="ui divider"></div>
    {% include 'users/views/viewCreateForm.html' %}
    </div>
</div>