{foreach from=$items item=item key=key}
<div class="rssitem p-4"> <div class="row mb-2"><div class="col-md-3 mb-3"><div class="w-100 ratio ratio-4x3" style="background-image: url('https://themes.tiki.org/display481'); background-size: cover; background-repeat: no-repeat; background-position-y: center"></div></div>
<div class="col-md-9"> <div class="d-flex gap-2 align-items-center">
{if $icon}
<div style="background-image: url('{$icon}');" class="rss-icon"></div>{/if}
<div class="d-flex flex-column w-100"> <div class="d-flex gap-2 align-items-center justify-content-between"> <h3>Upcoming event : <a target="_blank" href="{$item.url|escape}" class="fw-bold text-danger">{$item.title|escape}</a></h3> <div class="d-flex gap-1 fs-6 text-secondary align-items-center fw-lighter"> {if $item.author and $showauthor}
<span> {$item.author|escape}</span>
{/if}
{if $item.author and $showauthor and $item.publication_date and $showdate}
<div class="bg-secondary" style="width: 1px; height: 1em;"></div>{/if}
{if $item.publication_date and $showdate}
<span class="text-secondary d-none d-sm-block"><span class="ms-2">{$item.publication_date|tiki_short_date}</span></span>
{/if}
{if $item.description && $showdesc}
<div class="rssdescription">{$item.content}
</div>{/if}
<div class="mt-3"> <a class="btn btn-outline-primary me-3 text-secondary mb-3" href="{$item.url|escape}"> <span class='ps-2'>Save this to my calendar</span></a>
<a target="_blank" href="https://tiki.org/tiki-calendars_rss.php" class="btn btn-primary text-white mb-3"> <span class='ps-2'>Subscribe to feed</span></a>
</div> </div> </div>
</div> </div>
{/foreach}
</div>