{*

/**
* Copyright (c) 2016, Yaser Alimardany
* All rights reserved.
*/

*}

{script}
{literal}

$(document).ready( function() {
$('#s1').sortable({
items: 'tr.draggable-lang-item',
helper: 'clone',
placeholder: 'lang_placeholder',
start: function (event, ui) {
$(ui.placeholder).append('<td colspan="3"></td>');
$(ui.placeholder).css('backgroundColor', 'rgb(220,220,220)');
},

stop: function (event, ui) {

switch (this) {
case $('#s1')[0]:

$('tr.draggable-lang-item:odd', this).each(function () {

if (!$(this).hasClass('ow_even')) $(this).addClass('ow_even');
});


$('tr.draggable-lang-item:even', this).each(function () {
if ($(this).hasClass('ow_even')) $(this).removeClass('ow_even');
});
break;
}
},

receive: function (event, ui) {
switch (this) {
case $('#s1')[0] :
$('tr.draggable-lang-item', this).each(function () {
$('td:nth(1) a.deact', this).show();
$('td:nth(1) a.act', this).hide();
$('td:nth(1) a.del', this).hide();

if ($(this).hasClass('ow_high2')) {
$(this).removeClass('ow_high2');
}
});

if ($('tr.draggable-lang-item', this).length == 0) {
$.alert('{text key="admin+msg_one_active_constraint"}');

$(this).sortable('cancel');
$('#s1 tr.empty').remove();
break;
}

$('tr.draggable-lang-item:odd', this).each(function () {
if (!$(this).hasClass('ow_even')) $(this).addClass('ow_even');
});


$('tr.draggable-lang-item:even', this).each(function () {
if ($(this).hasClass('ow_even')) $(this).removeClass('ow_even');
});

break;
}
},

update: function (event, ui) {
if (ui.sender) {
if ($('tr', ui.sender[0]).length == 0) $(ui.sender[0]).append('<tr class="empty"><td colspan="3">{/literal}{text key="iisevaluation+empty_row_label"}{literal}</td></tr>');
return;
}

if ($('#s1 tr.empty').length == 1 && $('#s1 tr.draggable-lang-item').length > 0)
$('#s1 tr.empty').remove();

var set = {};

$('tr.draggable-lang-item', '#s1').each(function (i) {
set['question[' + i + ']'] = parseInt($('input:hidden', this).attr('value'));
});

$('td:nth(0) span.ow_mild_green', $('tr.draggable-lang-item', '#s1')).remove();
$.ajax({
type: "POST",
url: '{/literal}{url_for for="iisevaluation_CTRL_Admin:ajaxSaveQuestionsOrder"}{literal}',
data: set
});

numbers = $('.question_item_number');
for (i = 0; i < numbers.length; i++) {
    rowNumber = i+1;
    numbers[i].innerHTML = rowNumber;
}


},

connectWith: '#s1'
}).each(function () {
$('tr.draggable-lang-item', this).hover(
function () {
$('td:nth-child(3) div span', this).show()
},
function () {
$('td:nth-child(3) div span', this).hide()
}
);

if ($('tr.draggable-lang-item', this).length == 0)
$(this).append('<tr class="empty"><td colspan="3">{/literal}{text key="iisevaluation+empty_row_label"}{literal}</td></tr>');
});
});

{/literal}
{/script}
<h3>
    <a href="{$returnToCategory}">{text key="iisevaluation+return_to_categories"}</a>
</h3>
<table class="ow_table_1">
    <tr class="ow_tr_first">
        <th class="ow_center">{$categoryName}</th>
    </tr>
</table>
<div class="ow_left place_section left_section ow_column">
    <div class="ow_std_margin clearfix">
        {form name="questions"}
        <table class="ow_table_1 ow_form" style="margin: 0">
            <tbody>
            <tr>
                <th colspan="2">{text key="iisevaluation+questions_of_category"}</th>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+question_title"}
                </td>
                <td class="ow_value">
                    {input name='title'}
                    {error name='title'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+category"}
                </td>
                <td class="ow_value">
                    {input name='categoryId'}
                    {error name='categoryId'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+description"}
                </td>
                <td class="ow_value">
                    {input name='description'}
                    {error name='description'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+level"}
                </td>
                <td class="ow_value">
                    {input name='level'}
                    {error name='level'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+weight"}
                </td>
                <td class="ow_value">
                    {input name='weight'}
                    {error name='weight'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+hasDescribe"}
                </td>
                <td class="ow_value">
                    {input name='hasDescribe'}
                    {error name='hasDescribe'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+hasFile"}
                </td>
                <td class="ow_value">
                    {input name='hasFile'}
                    {error name='hasFile'}
                </td>
            </tr>
            <tr class="ow_alt1">
                <td width="1" class="ow_label">
                    {text key="iisevaluation+hasVerification"}
                </td>
                <td class="ow_value">
                    {input name='hasVerification'}
                    {error name='hasVerification'}
                </td>
            </tr>
            <tr class="ow_tr_last ow_center">
                <td colspan="2">
                    {submit name='submit'}
                </td>
            </tr>
            </tbody>
        </table>
        {/form}
    </div>
</div>

<div class="ow_right place_section left_section ow_column">
    <table class="ow_table_1 ow_form" style="margin: 0">
        <tr class="ow_tr_first">
            <th colspan="3" class="ow_center">{text key="iisevaluation+questions"}</th>
        </tr>
        <tr class="ow_tr_first">
            <th colspan="3" class="ow_center">{text key="iisevaluation+questions_title"}</th>
        </tr>

        <tbody id="s1" class="s">
        {foreach from=$questions item="question"}
        <tr class="ow_high1 draggable-lang-item ow_tr_last">
            <td class="question_item_number" style="width: 10px;">{$question.counter}</td>
            <td><input type="hidden" value="{$question.id}">
                {$question.title}
                {if $question.countOfValues==0}
                    <span class="question_without_value"> ({text key="iisevaluation+questions_without_values"})</span>
                {/if}
            </td>
            <td class="features">
                <a class="ow_lbutton ow_red" onclick="{$question.deleteUrl}" style="display: inline-block;">{text
                    key="iisevaluation+delete"}</a>
                <a class="ow_lbutton ow_green" href="{$question.editUrl}" style="display: inline-block;">{text
                    key="iisevaluation+edit"}</a>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</div>