<div id="item-{$f_itemId}" class="tn-message {$f_telenoquiMessageType|lower}">

<div class="tn-header">

<strong class="tn-name">{$f_telenoquiDisplayName}</strong>
<span class="tn-date">{$f_telenoquiMessageDate}</span>

</div>

{if $f_telenoquiChatTitle}

<div class="tn-chat-title">{$f_telenoquiChatTitle}</div>

{/if}

{if $f_telenoquiText}

<div class="tn-text">{$f_telenoquiText}</div>

{/if}

{if $f_telenoquiMediaUrl}

<div class="tn-media">

{if $f_telenoquiMessageType 'photo'

$f_telenoquiMessageType 'sticker'}

<a href="{$f_telenoquiMediaUrl}" data-box="shadowboxtn;type=img"><img src="{$f_telenoquiMediaUrl}" /></a>

{/if}

{if $f_telenoquiMessageType 'video'

$f_telenoquiMessageType 'video_note'}

{wikiplugin _name="html"}<video src="{$f_telenoquiMediaUrl}" controls style="width:100%;height:auto">{/wikiplugin}
{/if}

{if $f_telenoquiMessageType == 'animation'}
{wikiplugin _name="html"}<video src="{$f_telenoquiMediaUrl}" autoplay loop muted playsinline style="width:100%;height:auto">{/wikiplugin}
{/if}

{if $f_telenoquiMessageType 'audio' || $f_telenoquiMessageType 'voice'}
{wikiplugin _name="mediaplayer" src=$f_telenoquiMediaUrl type=$f_telenoquiMediaType}{/wikiplugin}
{/if}

{if $f_telenoquiMessageType == 'document'}

{if preg_match('#video/#', $f_telenoquiMediaType)}

{wikiplugin _name="html"}<video src="{$f_telenoquiMediaUrl}" controls style="width:100%;height:auto">{/wikiplugin}
{else}
<a href="{$f_telenoquiMediaUrl}" target="_blank" class="tn-download">{$f_telenoquiMediaType}</a>
{/if}
{/if}

</div>

{if $f_telenoquiMediaCaption}

<div class="tn-caption"><em>{$f_telenoquiMediaCaption}</em></div>

{/if}
{/if}

{if $f_telenoquiReactions}

<hr class="my-2"> <div class="tn-reactions">{$f_telenoquiReactions}</div>

{/if}

</div>