{include file="left.tpl"}

<div class="content float-right">
    <a class="button-big float-left"  onclick="load_friends('{id}')"><i class="fa fa-users"></i> Список друзей</a>
    <a class="button-big active float-right"  onclick="load_friend_requests('un')"><i class="fa fa-paper-plane"></i> Исходящие заявки</a>
    <a class="button-big active float-right m-r-5"  onclick="load_friend_requests('in')"><i class="fa fa-envelope"></i> Входящие заявки<font id="col_infriends"></font></a>

    <div class="clear"></div>

    <div class="block">
        <div class="header">Поиск друзей</div>
        <div class="block-content">
            <div class="form-input">
                <label for="class">Введите логин пользователя</label>
                <input type="text" id="search_login" name="search_login">
            </div>
            <script>
                set_enter('#search_login', 'search_friend({id})');
            </script>
            <div class="message-send">
                <div class="btn float-left" onclick="search_friend('{profile_id}')">Выполнить поиск</div>
            </div>
        </div>

        <div class="clear"></div>

        <div class="content-wrap">
            <section id="section-topline-1">
                <div id="friends"></div>
            </section>
	        
            <section id="section-topline-2">
                <div id="unfriends"></div>
            </section>
	        
            <section id="section-topline-3">
                <div id="infriends"></div>
            </section>
		</div>
        <div class="clear"></div>
    </div>
</div>

</div>

<script src="{site_host}templates/{template}/js/tabs.js"></script>
<script>
	load_friends("{id}");
	load_col_infriends();
	(function() { [].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) { new CBPFWTabs( el ); }); })();
</script>
