{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
<header class="control-header">
    <h1>{$this->getAttribute('frontendTitle')}</h1>
</header>
{/if}

{if $this->getAttribute('content') != ""}
<div class="control-content">
    {$this->getAttribute('content')}
</div>
{/if}

<section itemscope itemtype="{$this->getAttribute('itemtype')}"
         class="qui-control-childrenlist-medialist control-template
                qui-control-childrenlist-medialist--{$mediaImagePosition}"
>
    <link property="mainEntityOfPage" href="{url site=$Site}">

    {if $showFilter}
        {$filterHtml}
    {/if}

    <div class="qui-control-childrenlist-medialist-items">

        {assign var=counter value=1}

        {foreach from=$children item=Child}
        {assign var=_Child value=$Child->load()}

        <article itemscope
                 itemprop="{$this->getAttribute('child-itemprop')}"
                 itemtype="{$this->getAttribute('child-itemtype')}"
                 data-id="{$Child->getId()}"
                 data-name="item"
                 class="qui-control-childrenlist-medialist-entry"
        >
            {$tmp = $MetaList->clear()}
            {$tmp = $Events->fireEvent('metaList', [$this, $Child, $MetaList])}
            {$MetaList->create()}

            <meta itemprop="name" content="{$Child->getAttribute('title')}"/>
            <meta itemprop="url" content="{url site=$Child rewritten=true}"/>
            <meta itemprop="position" content="{$counter}"/>

            {* entry image (not a separate link; the whole entry is clickable
               via the stretched title link below) *}
            {if $this->getAttribute('showImages')}
            <div class="qui-control-childrenlist-medialist-entry-image">
                {image src=$Child->getAttribute('image_site')
                width="800"
                type="resize"
                title="{$Child->getAttribute('title')|escape:'html'}"}
            </div>
            {/if}

            {* entry content *}
            <div class="qui-control-childrenlist-medialist-entry-content">

                {* childTags: site id => tag titles, resolved and capped by 'tagsMax' *}
                {if isset($childTags[$Child->getId()]) && $childTags[$Child->getId()]}
                <div class="qui-control-childrenlist-medialist-entry-meta">
                    {foreach from=$childTags[$Child->getId()] item=tagTitle}
                    <span class="badge badge-primary badge-sm
                                 qui-control-childrenlist-medialist-entry-tag">
                        {$tagTitle|escape:'html'}
                    </span>
                    {/foreach}
                </div>
                {/if}

                {if $this->getAttribute('showHeader')}
                <h3 class="qui-control-childrenlist-medialist-entry-title">
                    {* the single, entry-spanning link (see .entry-title a::after) *}
                    <a href="{url site=$Child}"
                       title="{$Child->getAttribute('title')|escape:'html'}"
                       class="qui-control-childrenlist-medialist-entry-link"
                    >
                        {$Child->getAttribute('title')}
                    </a>
                </h3>
                {/if}

                {if $this->getAttribute('showCreator') || $this->getAttribute('showDate')}
                <div class="qui-control-childrenlist-medialist-entry-byline">
                    {if $this->getAttribute('showCreator')}
                    <span class="qui-control-childrenlist-medialist-entry-author">
                        {user id=$Child->getAttribute('c_user') var=User}
                        {if $User->getId() && $User->getAttribute('firstname')}
                            {$User->getAttribute('firstname')}
                        {elseif $User->getId()}
                            {$User->getName()}
                        {/if}
                    </span>
                    {/if}

                    {if $this->getAttribute('showDate')}
                    <span class="qui-control-childrenlist-medialist-entry-date">
                        {if $Child->getAttribute('release_from') &&
                        $Child->getAttribute('release_from') != '0000-00-00 00:00:00'}
                        <time datetime="{$Child->getAttribute('release_from')|date_format:'c'}">
                            {locale_date date=$Child->getAttribute('release_from')}
                        </time>
                        {else}
                        <time datetime="{$Child->getAttribute('c_date')|date_format:'c'}">
                            {locale_date date=$Child->getAttribute('c_date')}
                        </time>
                        {/if}
                        {if $this->getAttribute('showTime')}
                        <span class="qui-control-childrenlist-medialist-entry-time">
                            {$Child->getAttribute('release_from')|date_format:"H:i"}
                        </span>
                        {/if}
                    </span>
                    {/if}
                </div>
                {/if}

                {if $this->getAttribute('showShort')}
                <p class="qui-control-childrenlist-medialist-entry-short">
                    {$Child->getAttribute('short')|nl2br}
                </p>
                {/if}

                {* visual affordance only — not a link, since the whole entry
                   is clickable via the stretched title link above *}
                <span class="button btn-link {if $this->getAttribute('buttonSize') == 'small'}btn-sm{elseif $this->getAttribute('buttonSize') == 'large'}btn-lg{/if}
                             qui-control-childrenlist-medialist-entry-more{if $this->getAttribute('buttonWidth') == 'full'} qui-control-childrenlist-medialist-entry-more--full{/if}"
                      aria-hidden="true"
                >
                    {locale group="quiqqer/sitetypes" value="list.more"}
                    <span class="fa fa-arrow-right btn__icon"></span>
                </span>
            </div>

        </article>

        {assign var=counter value=$counter+1}
        {/foreach}
    </div>
</section>

{if $this->getAttribute('showSheets') && $sheets > 1}
{$Pagination->create()}
{/if}