{header}
<div class="block_narrow">
{menu_page}
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>
    <div class="bl_form">
        <form action="{url_page}?action=saved" method="POST">
        <input type="hidden" name="cmd" value="update">
        <table class="tb_fields" id="sortable" style="width: 200px;">
        <thead>
                <tr id="no_sortable" >
                    <th class="decor_l">&nbsp;</th>
                    <th class="right" >{l_table_name}</th>
                    <th class="last" style="text-align: center; width:30px; padding-left: 10px;">{l_table_status}</th>
                    <th class="decor_r">&nbsp;</th>
                </tr>
        </thead>
        <!-- begin_order_item -->
        <tr class="color" style="cursor:move;">
            <td id ="decor_l" class="decor_l">&nbsp;</td>
                <td class="right">
                    <input type="hidden" name="order[]" value="{name_block}">{name_block}
                </td>
                <td  class="last" style="text-align: center; width:30px; padding-left: 3px;">
                    <input type="checkbox" name="order_status[{name_block}]" {checked} style="margin:0px; padding:0px; width: 20px;">
                </td>
            <td id ="decor_r" class="decor_r">&nbsp;</td>
        </tr>
        <!-- end_order_item -->
		</table>
        <div class="wrap_button fl_right">
            <button class="button submit" type="submit">{l_save}</button>
            <div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
        </div>
        </form>
    </div>
</div>
<script>
$(function() {
    $('#sortable tbody').sortable({
        containment: 'parent',
	    tolerance: 'pointer',
	    opacity: 0.5,
        axis: 'y',
        cancel: '#no_sortable',
        cursor: 'move',
        items: 'tr[id != no_sortable]',
        helper: fixHelperModified,
        update: function(e, ui){
            ui.item.attr('class', 'color_set');
            ui.item.children('.decor_l').attr('class', 'decor_set_l');
            ui.item.children('.decor_r').attr('class', 'decor_set_r');
        }
    });
	//$("#sortable").sortable();
	//$("#sortable").disableSelection();
});

var fixHelperModified = function(e, tr) {
    var $originals = tr.children();
    var $helper = tr.clone();
    $helper.children().each(function(index)
    {
      $(this).width($originals.eq(index).width());
      $(this).parent().css({'border-collapse' : 'collapse'});
    });
    return $helper;
};
</script>
{footer}