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

<!-- Full Story View -->
<? @js('story.js') ?>

<script>	
	new Uikit.StoryActionHandler();
</script>

<div class="an-se-story-list-item an-se-record an-se-removable an-se-rounded rounded an-se-entity">
	<div class="wrapper">
		<?php if (@$story->getIconUrl()) : ?>
			<div class="an-se-story-icon" style="background-image:url(<?= @$story->iconUrl ?>) ">&nbsp;</div>
		<?php else : ?>
			<div class="an-se-story-avatar">
				<?= @uikit_actor_avatar(@$story->subject)->setSize(AnModelAvatar::SizeSquare) ?>
			</div>			
		<?php endif; ?>
		
		<div class="an-se-story-meta"> 
			<h4 class="an-se-story-title"><?= @$story->getTitle() ?></h4>
			<?php if ( @$story->hasBody() ) : ?>
				<div class="an-se-story-body an-se-rounded rounded">
					<?= stripcslashes(@$story->getBody()) ?>
				</div>
			<?php endif; ?>
			
			<div class="an-se-story-timestamp"><?= @uikit_date(@$story->date) ?></div>
		
			<?php if(count(@$story->getActions())) : ?>
			<ul class="an-se-actions">
				<?php foreach(@$story->getActions() as $action) : ?>
				<li class="an-se-action"><?= $action ?></li>
				<?php endforeach; ?>
			</ul>
			<?php endif; ?>
			
			<div class="an-se-story-comments-wrapper">
				<div id="an-se-story-comments-<?=@$story->id?>" class="an-se-comments an-se-story-comments">
					<?php foreach(@$story->comments as $comment) : ?>
						<?= @uikit('comment')->setComment($comment) ?>
					<?php endforeach; ?>
				</div>
				
				<div id="an-se-story-comment-form-<?=@$story->id?>" class="an-se-story-comment-form an-se-hide">
				<form class="an-se-story-comment-box" action="<?=@$parent_view->createRoute('view=story')?>" method="POST">
						<input type="hidden" value="comment" name="action" />
						<input type="hidden" value="<?=@$story->id?>" name="id" />
						<input type="hidden" value="story" name="node_type" />
						<textarea name="body"></textarea>
						<button class="an-se-button button" type="submit"><?=@text('AN-SE-ACTION-POST-COMMENT')?></button>
					</form>
				</div>
			</div>
		</div>
		<div class="an-se-clr"></div>
	</div>
</div>