{header}
<div class="block_narrow">
    {menu_page}
</div>
<script>
    /*$(function(){
        $('.pay_satus').change(function(){
            if(!$('.pay_satus:checked')[0]){
                $(this).prop('checked',true);
                alert('{l_must_be_selected_one_payment_system}');
            }
        })
    })*/
</script>
<div class="block_main">
    <h2>{l_title_current}</h2>
    <div class="bl_form">
        <form action="{url_page}" method="POST">
        <input type="hidden" name="cmd" value="update">
        <table class="tb_fields" id="sortable" style="width: 200px;">
        <thead>
            <tr id="no_sortable">
                <th></th>
                <th class="right" style="border-right: none; text-align: center;" >{l_table_name}</th>
                <!--<th class="last" style="text-align: center; width:30px; padding-left: 10px;">{l_table_status}</th>-->
                <th></th>
            </tr>
        </thead>
        <!-- begin_pay_item -->
        <tr class="color cursor_move">
            <td id="decor_l" class="decor_l">&nbsp;</td>
                <td class="left">
                    <input type="hidden" name="pay[]" value="{pay_key}">{pay_title}
                </td>
                <!--<td  class="last" style="text-align: center; width:30px; padding-left: 3px;">
                    <input class="pay_satus" type="checkbox" name="pay_status[{pay_key}]" {pay_checked} style="margin:0px; padding:0px; width: 20px;">
                </td>-->
            <td id="decor_r" class="decor_r">&nbsp;</td>
        </tr>
        <!-- end_pay_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>
<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>
<div class="empty"></div>
</div>
{footer}