<div class="card mb-4 shadow-sm border-0"> <div class="card-header bg-light py-3">

{foreach from=$fields item=field}
{if $field.permName == 'jetappNombreDeLaGrabacion'}
{capture name=jtitle}{trackeroutput item=$item field=$field list_mode=$list_mode}{/capture}
{/if}
{if $field.permName == 'jetappFechaYHora'}
{capture name=jdate}{$field.value|tiki_date_format:"%Y-No value assignedd %H:%M"}{/capture}
{/if}
{/foreach}

{if $smarty.capture.jtitle

$smarty.capture.jdate}

<div class="d-flex justify-content-between align-items-start">

{if $smarty.capture.jtitle}

<strong class="fs-5">{$smarty.capture.jtitle}</strong>

{/if}

{if $smarty.capture.jdate}

<small class="text-muted ms-2 text-nowrap">{$smarty.capture.jdate}</small>

{/if}

</div>

{/if}

{foreach from=$fields item=field}

{if $field.permName 'jetappNombre'}

<div class="text-muted mt-1">{trackeroutput item=$item field=$field list_mode=$list_mode}</div>

{/if}

{/foreach}

</div>

<div class="card-body">

<div class="row">

<div class="col-md-6 overflow-hidden">

{foreach from=$fields item=field}

{if $field.isPublic 'y' && $field.type 'G' && $field.isHidden != 'y'}

<div class="w-100">{trackeroutput item=$item field=$field list_mode=$list_mode}</div>

{/if}

{/foreach}

</div>

<div class="col-md-6 overflow-hidden">

{foreach from=$fields item=field}

{if $field.isPublic 'y' && $field.type 'FG' && $field.isHidden != 'y'}

{capture name=fout}

{trackeroutput item=$item field=$field list_mode=$list_mode}

{/capture}

{if $smarty.capture.fout}

<h6 class="fw-bold text-secondary">{$field.name}</h6>

<div class="audio-players w-100">{$smarty.capture.fout}</div>

{/if}

{/if}

{/foreach}

</div>

</div>

{foreach from=$fields item=field}

{if $field.isPublic 'y' && $field.type == 'a' && $field.isHidden != 'y'}

{capture name=fout}

{trackeroutput item=$item field=$field list_mode=$list_mode}

{/capture}

{if $smarty.capture.fout}

<hr class="my-3">

<h6 class="fw-bold text-secondary">{$field.name}</h6>

<p class="card-text">{$smarty.capture.fout}</p>

{/if}

{/if}

{/foreach}

</div>

</div>

$('.audio-players').each(function() {

var card = $(this).closest('.card');

var ids = [];

card.find('.tracker-item-files a').each(function() {

var h = this.getAttribute('href');

var m = h.match(/fileId=(\d+)/)

h.match(/display(\d+)/);

if (m && ids.indexOf(m1) === -1) { ids.push(m1); }
});
card.find('.tracker-item-files').remove();
var p = $(this).empty();
for (var i = 0; i < ids.length; i++) {
p.append('\x3Caudio controls style="width:100%" class="mb-2"\x3E\x3Csource src="tiki-download_file.php?fileId=' + idsi + '\x26display"\x3E\x3C/audio\x3E');
}
});
{/jq}