{header}
<script>
var isLoad=false,user_unblock_id,offset,on_page=5,last_id,loader;
$(function(){
    loader=$('.load_animation');
    $win.scroll(function(){
        if(($win.scrollTop()>$(document).height()-$win.height()-800)&&!isLoad&&offset!='no'){
            loaderListUserItems();
        }
    })

})

function loaderListUserItems(){
    //console.log(offset);
    if(offset=='no')return;
    $.ajax({type:'POST', url:'{url_main}user_block_list.php', data:{ajax:1,on_page:on_page,id:last_id},
            beforeSend:function(){isLoad=true;loader.slideDown(100);},
            success:function(data){
                var data=checkDataAjax(data)
                if(data){
                    var list=$($.trim(data)),users,t=200,i=0;
                    list.find('script').appendTo('#users_block_list');
                    users=list.filter('.items').find('.item').hide();
                    (function fu(){
                        var item=users.eq(i),id=item.attr('id');
                        if(!item[0]){
                            isLoad=false;
                            return;
                        }
                        if(!$('#'+id)[0]){
                            item.appendTo('#users_block_list').slideDown(t*=.8, function(){
                                i++; fu();
                                item.find('img').lazyload({container:item,effect:'fadeIn',skip_invisible:false,effect_speed:400});
                            });
                        }else if(item[0]){i++; fu();}
                    })()
                    loader.slideUp(100);
                }
            }
    })
}

function user_unblock(){
        closeAlert();
        var btn=$('[data-user-block-id = "'+user_unblock_id+'"]');
        btn.prop('disabled',true);
        isLoad=true;
        $.post('{url_main}user_block_list.php',{cmd:'user_unblock',ajax:1,user_to:user_unblock_id,on_page:1,id:last_id},
            function(res){
                var data=checkDataAjax(res)
                if(data){
                    Messages.number_blocked_users--;
                    updateCounterTitle('#narrow_blocked_count',true);//user_block_list_count
                    $('#block_list_item_'+user_unblock_id).slideUp(300,function(){
                        var items=$('[id ^= block_list_item_]:visible');
                            items.first().removeClass('item_border_top').addClass('item_border_none');
                        if(!items[0]){
                            alertCustomRedirect('profile_view.php','{j_you_havent_blocked_anyone_yet}');
                            return false;
                        }
                        var user=$($.trim(data)).filter('.items').find('.item');
                        if(user[0]){
                            user.hide();
                            loader.slideDown(100);
                            user.appendTo('#users_block_list').delay(100).slideDown(200, function(){
                                user.find('img').lazyload({container:user,effect:'fadeIn',effect_speed:400});
                                loader.slideUp(100);
                            });
                        }
                    });
                }else{
                    btn.prop('disabled',false);
                }
                isLoad=false;
        });

}

function confirmUnblock(uid){
    alertHtmlArea = '.column_main';
    user_unblock_id=uid;
    confirmCustom(ALERT_HTML_ARE_YOU_SURE, user_unblock);
}

</script>
<div class="column_main">
    <div class="column_main_head">
        <div class="decor">
            <h1>{l_urban_blocked}</h1>
            <div class="cl"></div>
        </div>
    </div>
    <div class="column_main_cont">
        <div id="users_block_list" class="bl_bloked">
            <!-- begin_block_list -->
            {items}
            <!-- end_block_list -->
        </div>
        <div class="cl"></div>
        <!-- begin_no_one_here_yet -->
        <div style="padding-top:40px;">
            <div class="bl_no_one" style="margin-top:0px;">
                <div class="people">{l_you_havent_blocked_anyone_yet}</div>
            </div>
        </div>
        <!-- end_no_one_here_yet -->
        <div class="loader_users_list">
            <img src="{url_tmpl_main}images/loading-spin-oryx.svg" class="load_animation">
        </div>
    </div>
</div>
<div class="column_narrow">
{profile_column_narrow}
</div>
{footer}