<div class="row chat-page" style="<?php echo $style; ?>">

	<div class="tooltip_templates">
	    <div id="tooltip_content_<?php echo $commentId; ?>">
				<div class="tooltip-title"><?php echo $userName." ".$userSurname ?></div>
			<?php echo trim($userExtra) != '' && $show_specialties ? '<div class="tooltip-extra">'.$userExtra.'</div>' : ''; ?>
	        <?php echo $userNote != '' ? '<div class="tooltip-content">'.$this->helper->truncate($userNote, 500).'</div>' : ''; ?>
	    </div>
	</div>

	<?php if($commentPosition=='right'): ?>
		<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-<?php echo $commentPosition; ?> ad-col-image hide-mobile" style="<?php echo $show_meta ? 'margin-top:30px;' : ''; ?>">
			<?php if ($show_meta) echo $this->helper->setAvatarView($this->user->getAvatar($userId), ['timestamp'=>md5($userUpdatedAt), 'class'=>'list-avatar']); ?>
		</div>
	<?php endif; ?>

	<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10" style="<?php echo $show_meta ? 'margin-top:30px;' : ''; ?>">

		<div class="row bubble-date-code">
			<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 bubble-text-left">

				<?php if($show_meta): ?>
					<span data-tooltip-content="#tooltip_content_<?php echo $commentId; ?>" class="<?php echo $isResponder ? 'tooltipstered tooltip-underline' : ''; ?> <?php echo $is_moderator ? 'badge badge-primary' : 'badge badge-light'; ?>">
						<?php echo $userName." ".$userSurname ?>
						<?php echo $is_moderator ? ' ('._('Moderator').')' : ''; ?>
						<?php echo trim($userExtra) != '' && $show_specialties ? '<span> ('.$this->helper->truncate($userExtra, 25).')</span>' : ''; ?>
					</span>
				<?php endif; ?>

			</div>
			<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-right bubble-text-right">
				<!--<small><?php echo $this->helper->getDateString($commentCreatedAt, true); ?></small>-->
			</div>
		</div>

		<div class="bubble-<?php echo $commentPosition=='right' ? 'left' : 'right' ?> <?php echo $is_moderator ? 'bubble-moderator' : ''; ?> <?php echo !$show_meta ? 'bubble-remove-arrow' : ''; ?>">
			<div class="text-right margin-bottom-20"><small class="text-muted"><?php echo $this->helper->getDateString($commentCreatedAt, true); ?></small></div>
			<?php echo $this->helper->hashtag(nl2br(strip_tags($commentText))); ?>

			<?php if(!empty($attachments)): ?>
				<hr>
				<div>
					<?php foreach($attachments as $attachment): ?>
						<?php echo $this->helper->getPreviewLink($attachment, false, '', '', 'badge badge-light'); ?>
					<?php endforeach; ?>
				</div>
			<?php endif; ?>
		</div>


	</div>

	<?php if($commentPosition=='left' && $show_meta): ?>
		<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-<?php echo $commentPosition; ?> ad-col-image hide-mobile" style="<?php echo $show_meta ? 'margin-top:30px;' : ''; ?>">
			<?php echo $this->helper->setAvatarView($this->user->getAvatar($userId), ['timestamp'=>md5($userUpdatedAt), 'class'=>'list-avatar']); ?>
		</div>
	<?php endif; ?>

</div>
