{* ============
PLANTILLA TRACKERGRAM - Cada burbuja de mensaje
============ *}

<div id="item-{$f_itemId}" class="tgram-bubble {$f_181|lower}">

{* ── CABECERA ── *}

<div class="tgram-header">

<strong class="tgram-name">{$f_196}</strong>
{if $f_178}
<span class="tgram-username">@{$f_178}</span>
{/if}
<span class="tgram-date">{$f_176}</span>

</div>

{* ── TEXTO ── *}
{if $f_182}

<div class="tgram-text">{$f_182}</div>

{/if}

{* ── MULTIMEDIA ── *
* Cada tipo se evalúa en su propio {if}, sin {elseif}.
* El último bloque (document) usa {if} anidados para chequeo de MIME. *}
{if $f_184}

<div class="tgram-media">

{* Foto / Sticker *}

{if $f_181 'photo'

$f_181 'sticker'}

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

{/if}

{* Video *}

{if $f_181 'video'

$f_181 'video_note'}

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

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

{* Audio / Voz *}
{if $f_181 'audio' || $f_181 'voice'}
{wikiplugin _name="mediaplayer" src=$f_184 type=$f_186}{/wikiplugin}
{/if}

{* Documento: según MIME *}
{if $f_181 == 'document'}

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

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

</div>

{if $f_188}

<div class="tgram-caption"><em>{$f_188}</em></div>

{/if}
{/if}

{* ── UBICACIÓN ── *}
{if $f_189}

<div class="tgram-location">

{wikiplugin _name="map" coords=$f_189}{/wikiplugin}

</div>

{/if}

{* ── RESPUESTA ── *
* Si $f_194 empieza con # → itemId resuelto, se abre en modal.
* El JS está en la página ChatTelegram (vía ).
* Sino → link de búsqueda por messageId en el tracker (fallback). *}
{if $f_194}

<div class="tgram-reply">

↪️ Respuesta a:
{if preg_match('/^#(\d+)/', $f_194, $matches)}
<a href="tiki-view_tracker_item.php?itemId={$matches1}&modal=1" class="tgram-reply-link tgram-reply-modal">{$f_194}</a>
{else}
<a href="tiki-view_tracker.php?trackerId=22&filterfield=telegrammessageTelegramMessageId&filtervalue={$f_194|escape:'url'}" class="tgram-reply-link">{$f_194}</a>
{/if}

</div>

{/if}

{* ── EDITADO ── *}
{if $f_193}

<div class="tgram-edited">✏️ Editado {$f_193|tiki_date_format:"No value assignedm/%Y %H:%M"}</div>

{/if}

{* ── HASHTAGS ── *}
{if $f_307}

<div class="tgram-hashtags">{$f_307}</div>

{/if}

</div>