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

<?= @js('person.js') ?>
<?= @uikitjs('socialgraph.js') ?>
<script>
	new Uikit.PersonSocialGraph({refresh:true});
</script>
<component:header>
	<?= @$header ?>
</component:header>

<component:left>
<div id="an-se-actor-profile-avatar" class="an-se-actor-profile-avatar">
	<?= @uikit_actor_avatar(@$owner)->setSize(AnModelAvatar::SizeMedium)->setLinked(false);	?>
</div>

<div id="an-se-actor-profile-actions-wrapper" class="module an-se-module an-se-actor-profile-actions">
	<div>
		<?= @uikit('action')->setObject(@$owner) ?>
		<?php if ( @getViewer()->isGuest() ) : ?>
			<ul class="an-discus-actions">
				<li>
					<?= AnUikitHtmlTag::link(JText::_('AN-SE-SOCIALGRAPH-FOLLOW'),'index.php?option=com_socialengine&view=socialgraph.confirm&layout=follow&pid=0')
				   ->setId('an-se-socialgraph-action-follow-0')
			   	   ->setClass('an-se-socialgraph-action');?>
				</li>
			</ul>
		<?php endif?>
	</div>
</div>
</component:left>

<div id="an-se-actor-status-wrapper" class="an-se-pane an-se-rounded rounded <?= (@$owner->status) ? '' : 'an-se-hide' ?>">
	<?= @template('status') ?>
</div>

<div id="an-se-actor-info-pane" class="an-se-pane an-se-rounded rounded">
<?= KFactory::get('site::com.socialengine.view.person.info.html')->assign('owner', @$owner) ?>
</div>

<? @$gadgets->render('com_socialengine', 'stories') ?>

<component:right>
	<? @$gadgets->render('com_socialengine', 'socialgraph') ?>
	<? @$gadgets->render() ?>
</component:right>