<?php defined('KOOWA') or die ?>

<script language="javascript">
	new Uikit.Tab('#an-se-profile-gadget');
</script>

<div id="an-se-profile-gadget" class="an-se-linktabs">
	<?php if ( @$followers->getTotal() || @$leaders->getTotal() ||  @$mutuals->getTotal() ) : ?>
	<ul class="an-se-tabset">
		<?php if( @$followers->getTotal() ): ?>
		<li class="an-se-on">
			<a href="#"><?= @text('AN-SE-SOCIALGRAPH-FOLLOWERS') ?>(<?= @$followers->getTotal() ?>)</a>
		</li>
		<?php endif; ?>
		
		<?php if( @$leaders->getTotal() ): ?>
		<li class="an-se-on">
			<a href="#"><?= @text('AN-SE-SOCIALGRAPH-LEADERS') ?>(<?= @$leaders->getTotal() ?>)</a>
		</li>
		<?php endif; ?>
		
		<?php if( @getViewer()->eql(@$owner) && @$mutuals->getTotal() ): ?>
		<li class="an-se-on">
			<a href="#"><?= @text('AN-SE-SOCIALGRAPH-MUTUAL') ?>(<?= @$mutuals->getTotal() ?>)</a>
		</li>
		<?php endif; ?>
		
		<?php if( !@getViewer()->eql(@$owner) && @$commons->getTotal() ): ?>
		<li class="an-se-on">
			<a href="#"><?= @text('AN-SE-SOCIALGRAPH-COMMON') ?>(<?= @$commons->getTotal() ?>)</a>
		</li>
		<?php endif; ?>
	</ul>
	
	<div class="an-se-panelset an-se-grid">
		<?php if( @$followers->getTotal() ): ?>
		<div class="an-se-tabpanel">
			<?= @uikit('actor.grid')->setActors(@$followers) ?>
		</div>
		<?php endif; ?>
		
		<?php if( @$leaders->getTotal() ): ?>
		<div class="an-se-tabpanel">
			<?= @uikit('actor.grid')->setActors(@$leaders) ?>
		</div>
		<?php endif; ?>
		
		<?php if( @getViewer()->eql(@$owner) && @$mutuals->getTotal() ): ?>
		<div class="an-se-tabpanel">
			<?= @uikit('actor.grid')->setActors(@$mutuals) ?>
		</div>
		<?php endif; ?>
		
		<?php if( !@getViewer()->eql(@$owner) && @$commons->getTotal() ): ?>
		<div class="an-se-tabpanel">
			<?= @uikit('actor.grid')->setActors(@$commons) ?>
		</div>
		<?php endif; ?>
	</div>
	<?php else : ?>
		<div class="an-se-message message"><?= @text('AN-SE-SOCIALGRAPH-EMPTY-MESSAGE') ?></div>
	<?php endif; ?>
</div>