<div class="rsslist{if $ticker} rssticker{/if} d-flex flex-column gap-2 bg-white shadow-sm border-bottom">

{foreach from=$items item=item key=key}

<div class="rssitem p-4"> <div class="row mb-2">

<div class="col-xs-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-xs-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}

</div> </div>

{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> </div>

{/foreach}

</div>