{% 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>{% trans 'Columns' %}</h3>
        <div class="ui divider"></div>
        {% include 'users/views/viewColumns.html' %}
        <div class="ui divider"></div>

        <h3 class="header">{% trans 'Order' %}</h3>
        <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_parent_cpu__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="parent_cpu"{% if view.order.1 == 'parent_cpu' %} checked{% endif %}>
                    <label for="order_by_parent_cpu__{{ view.type }}">{% trans 'Order by verifier CPU time' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_parent_wall__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="parent_wall"{% if view.order.1 == 'parent_wall' %} checked{% endif %}>
                    <label for="order_by_parent_wall__{{ view.type }}">{% trans 'Order by verifier wall time' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="order_by_parent_memory__{{ view.type }}" type="radio" name="view_{{ view.type }}__radio_order" value="parent_memory"{% if view.order.1 == 'parent_memory' %} checked{% endif %}>
                    <label for="order_by_parent_memory__{{ view.type }}">{% trans 'Order by verifier memory' %}</label>
                </div>
                <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>
            <div class="ui fluid input">
                <input id="view_{{ view.type }}__order_attr" type="text"{% if view.order.1 == 'attr' %} value="{{ view.order.2 }}"{% endif %}>
            </div>
            <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' %}</h3>
        <div class="ui divider"></div>

        {# Hide data #}
        <input id="view_data_{{ view.type }}__hidden" value="checkboxes" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_{{ view.type }}__hidden__confirmed_marks"{% if 'confirmed_marks' in view.hidden %} checked{% endif %}>
            <label for="view_{{ view.type }}__hidden__confirmed_marks">{% trans 'Hide detailed marks number info' %}</label>
        </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"></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 %} style="width: 15vw;" placeholder="{% trans 'Attribute value' %}">
                </div>
            </div>
        </div>
        <div class="ui divider"></div>

        {# Total verdict #}
        <input id="view_data_{{ view.type }}__verdict" value="checkboxes_if_verdict" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__verdict"{% if 'verdict' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__verdict">{% trans 'Total 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>

        {# Number of associated marks #}
        <input id="view_data_{{ view.type }}__marks_number" value="list_if_marks_number" data-list="radio_marks_number_type__marks_number_operator__marks_number_value" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__marks_number"{% if 'marks_number' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__marks_number">{% trans 'Number of associated marks' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <div class="ui radio checkbox">
                    <input id="marks_number_confirmed_{{ view.type }}" name="view_{{ view.type }}__radio_marks_number_type" type="radio" value="confirmed" {% if 'marks_number' in view and view.marks_number.0 == 'confirmed' %} checked{% endif %}>
                    <label for="marks_number_confirmed_{{ view.type }}">{% trans 'Confirmed' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="marks_number_automatic_{{ view.type }}" name="view_{{ view.type }}__radio_marks_number_type" type="radio" value="automatic" {% if 'marks_number' in view and view.marks_number.0 == 'automatic' %} checked{% endif %}>
                    <label for="marks_number_automatic_{{ view.type }}">{% trans 'Automatic' %}</label>
                </div>
                <br>
                <div class="ui radio checkbox">
                    <input id="marks_number_total_{{ view.type }}" name="view_{{ view.type }}__radio_marks_number_type" type="radio" value="total" {% if 'marks_number' in view and view.marks_number.0 == 'total' %} checked{% endif %}>
                    <label for="marks_number_total_{{ view.type }}">{% trans 'All' %}</label>
                </div>
            </div>
            <div class="field">
                <label for="view_{{ view.type }}__marks_number_operator">&nbsp;</label>
                <select id="view_{{ view.type }}__marks_number_operator" class="ui dropdown">
                    <option value="exact"{% if 'marks_number' in view and view.marks_number.1 == 'iexact' %} selected{% endif %}>{% trans 'equal to' %}</option>
                    <option value="lte"{% if 'marks_number' in view and view.marks_number.1 == 'lte' %} selected{% endif %}>{% trans 'not greater than' %}</option>
                    <option value="gte"{% if 'marks_number' in view and view.marks_number.1 == 'gte' %} selected{% endif %}>{% trans 'not less than' %}</option>
                </select>
            </div>
            <div class="field">
                <label for="view_{{ view.type }}__marks_number_value">&nbsp;</label>
                <input id="view_{{ view.type }}__marks_number_value" type="number"{% if 'marks_number' in view %} value="{{ view.marks_number.2 }}"{% endif %}>
            </div>
        </div>
        <div class="ui divider"></div>

        {# Verifier CPU time #}
        <input id="view_data_{{ view.type }}__parent_cpu" value="list_if_parent_cpu" data-list="parent_cpu_operator__parent_cpu_value__parent_cpu_measure" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__parent_cpu"{% if 'parent_cpu' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__parent_cpu">{% trans 'Verifier CPU time' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <select id="view_{{ view.type }}__parent_cpu_operator" class="ui dropdown">
                    <option value="lt"{% if 'parent_cpu' in view and view.parent_cpu.0 == 'lt' %} selected{% endif %}>{% trans 'less than' %}</option>
                    <option value="gt"{% if 'parent_cpu' in view and view.parent_cpu.0 == 'gt' %} selected{% endif %}>{% trans 'greater than' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_cpu_operator">&nbsp;</label>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__parent_cpu_value" type="number"{% if 'parent_cpu' in view %} value="{{ view.parent_cpu.1 }}"{% endif %}>
                <label for="view_{{ view.type }}__parent_cpu_value">&nbsp;</label>
            </div>
            <div class="field">
                <select id="view_{{ view.type }}__parent_cpu_measure" class="ui dropdown">
                    <option value="m"{% if 'parent_cpu' in view and view.parent_cpu.2 == 'm' %} selected{% endif %}>{% trans 'minutes' %}</option>
                    <option value="s"{% if 'parent_cpu' in view and view.parent_cpu.2 == 's' %} selected{% endif %}>{% trans 'seconds' %}</option>
                    <option value="ms"{% if 'parent_cpu' in view and view.parent_cpu.2 == 'ms' %} selected{% endif %}>{% trans 'milliseconds' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_cpu_measure">&nbsp;</label>
            </div>
        </div>

        {# Verifier wall time #}
        <input id="view_data_{{ view.type }}__parent_wall" value="list_if_parent_wall" data-list="parent_wall_operator__parent_wall_value__parent_wall_measure" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__parent_wall"{% if 'parent_wall' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__parent_wall">{% trans 'Verifier wall time' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <select id="view_{{ view.type }}__parent_wall_operator" class="ui dropdown">
                    <option value="lt"{% if 'parent_wall' in view and view.parent_wall.0 == 'lt' %} selected{% endif %}>{% trans 'less than' %}</option>
                    <option value="gt"{% if 'parent_wall' in view and view.parent_wall.0 == 'gt' %} selected{% endif %}>{% trans 'greater than' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_wall_operator">&nbsp;</label>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__parent_wall_value" type="number"{% if 'parent_wall' in view %} value="{{ view.parent_wall.1 }}"{% endif %}>
                <label for="view_{{ view.type }}__parent_wall_value">&nbsp;</label>
            </div>
            <div class="field">
                <select id="view_{{ view.type }}__parent_wall_measure" class="ui dropdown">
                    <option value="m"{% if 'parent_wall' in view and view.parent_wall.2 == 'm' %} selected{% endif %}>{% trans 'minutes' %}</option>
                    <option value="s"{% if 'parent_wall' in view and view.parent_wall.2 == 's' %} selected{% endif %}>{% trans 'seconds' %}</option>
                    <option value="ms"{% if 'parent_wall' in view and view.parent_wall.2 == 'ms' %} selected{% endif %}>{% trans 'milliseconds' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_wall_measure">&nbsp;</label>
            </div>
        </div>

        {# Verifier memory #}
        <input id="view_data_{{ view.type }}__parent_memory" value="list_if_parent_memory" data-list="parent_memory_operator__parent_memory_value__parent_memory_measure" type="hidden">
        <div class="ui checkbox">
            <input type="checkbox" id="view_condition_{{ view.type }}__parent_memory"{% if 'parent_memory' in view %} checked{% endif %}>
            <label for="view_condition_{{ view.type }}__parent_memory">{% trans 'Verifier memory' %}</label>
        </div>
        <br><br>
        <div class="inline fields" style="margin-left: 15px;">
            <div class="field">
                <select id="view_{{ view.type }}__parent_memory_operator" class="ui dropdown">
                    <option value="lt"{% if 'parent_memory' in view and view.parent_memory.0 == 'lt' %} selected{% endif %}>{% trans 'less than' %}</option>
                    <option value="gt"{% if 'parent_memory' in view and view.parent_memory.0 == 'gt' %} selected{% endif %}>{% trans 'greater than' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_memory_operator">&nbsp;</label>
            </div>
            <div class="field">
                <input id="view_{{ view.type }}__parent_memory_value" type="number"{% if 'parent_memory' in view %} value="{{ view.parent_memory.1 }}"{% endif %}>
                <label for="view_{{ view.type }}__parent_memory_value">&nbsp;</label>
            </div>
            <div class="field">
                <select id="view_{{ view.type }}__parent_memory_measure" class="ui dropdown">
                    <option value="GB"{% if 'parent_memory' in view and view.parent_memory.2 == 'GB' %} selected{% endif %}>{% trans 'GB' %}</option>
                    <option value="MB"{% if 'parent_memory' in view and view.parent_memory.2 == 'MB' %} selected{% endif %}>{% trans 'MB' %}</option>
                    <option value="KB"{% if 'parent_memory' in view and view.parent_memory.2 == 'KB' %} selected{% endif %}>{% trans 'KB' %}</option>
                    <option value="B"{% if 'parent_memory' in view and view.parent_memory.2 == 'B' %} selected{% endif %}>{% trans 'B' %}</option>
                </select>
                <label for="view_{{ view.type }}__parent_memory_measure">&nbsp;</label>
            </div>
        </div>
    </div>
</div>
<div class="ui divider"></div>
<div class="ui grid">
    <div class="four wide column"></div>
    <div class="eight wide column">
        {% include 'users/views/viewCreateForm.html' %}
    </div>
</div>