{header}
<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');
        }
    });

    $('#all').change(function(){
        choiceChkbox($(this), $('[id ^= chk_]'))
    });

});

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="block_narrow">
    {menu_page}
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>

    <div class="bl_form">
        <!-- begin_avatar_face -->
        <form action="{url_page}" method="POST">
        <input type="hidden" name="cmd" value="update">
        <table class="tb_fields" id="sortable" style="width:450px;">
        <thead>
                <tr id="no_sortable" >
                    <th class="decor_l">&nbsp;</th>
                    <th class="right"><input style="margin:0px; width: 20px;" type="checkbox" id="all"></th>
                    <th style="width:40px; text-align: center;">{l_id}</th>
                    <!--<th style="width:120px; text-align:center;">{l_action}</th>-->
                    <th style="width:60px; text-align: center;">{l_head_color}</th>
                    <th class="last" style="text-align: center;">{l_image}</th>
                    <th class="decor_r">&nbsp;</th>
                </tr>
        </thead>
        <!-- begin_avatar_face_item -->
        <tr class="color" style="cursor:move;">
            <td id ="decor_l" class="decor_l">&nbsp;</td>
                <td class="right" style="margin:0px; width: 20px;">
                    <input style="margin:0px 0px 0px 10px; padding:0px; width: 20px;" type="checkbox" id="chk_{id}">
                </td>
                <td style="text-align: center;">
                    {id}
                </td>
                <!--<td style="text-align: center;">
                    <a href="{url_main}administration/gifts.php?cmd=delete&item={id}" onclick="if (confirm('{l_are_you_sure}')) return true; else return false;">{l_delete}</a> |
                    <a href="{url_main}administration/gifts_edit.php?action=edit_gift&id={id}">{l_edit}</a>
                </td>-->
                <td style="text-align: center;">
                    {head_color}
                </td>
                <td class="last" style="text-align: center;">
                    <input type="hidden" name="order[]" value="{id}">{name_block}
                    <img style="max-width: 25px; max-height: 25px;" src="{url_avatar_face}">
                </td>
            <td id ="decor_r" class="decor_r">&nbsp;</td>
        </tr>
        <!-- end_avatar_face_item -->
        </table>

        <div class="wrap_button fl_right">
            <button class="button" type="submit">{l_save}</button>
        </div>
        
        </form>

        <div class="wrap_button fl_left">
            <button class="button" onclick="if (confirm('{l_are_you_sure}')) actionChecked('{url_page}'); return false;" type="submit">{l_delete}</button>
        </div>

        <!-- end_avatar_face -->
        <!-- begin_no_avatar_face -->
        <div align="center">{l_no_results}</div>
        <!-- end_no_avatar_face -->
    </div>
    <div class="empty"></div>
</div>
{footer}