{assign var=Placeholder value=$Project->getMedia()->getPlaceholderImage()}

{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-featuredCards control-template"
>
    <link property="mainEntityOfPage" href="{url site=$Site}">

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

    <div class="qui-control-childrenlist-featuredCards-grid">

        {assign var=counter value=1}

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

        {* the first entry of every page is rendered as the large featured item *}
        <article itemscope
                 itemprop="{$this->getAttribute('child-itemprop')}"
                 itemtype="{$this->getAttribute('child-itemtype')}"
                 data-id="{$Child->getId()}"
                 data-name="item"
                 class="qui-control-childrenlist-featuredCards-entry{if $counter == 1} is-featured{/if}"
        >
            {$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}"/>
            {assign var=counter value=$counter+1}

            {* entry image (not a separate link; the whole card is clickable
               via the stretched title link below) *}
            {if $this->getAttribute('showImages')}
            <div class="qui-control-childrenlist-featuredCards-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-featuredCards-entry-content">

                {assign var=tagList value=$Child->getAttribute('quiqqer.tags.tagList')}
                {if $tagList}
                <div class="qui-control-childrenlist-featuredCards-entry-meta">
                    {* tagList is an array of tag slugs, set by quiqqer/tags on load *}
                    <span class="badge badge-primary badge-sm
                                 qui-control-childrenlist-featuredCards-entry-tag">
                        {$tagList[0]|escape:'html'}
                    </span>
                </div>
                {/if}

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

                {if $this->getAttribute('showCreator') || $this->getAttribute('showDate')}
                <div class="qui-control-childrenlist-featuredCards-entry-byline">
                    {if $this->getAttribute('showCreator')}
                    <span class="qui-control-childrenlist-featuredCards-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-featuredCards-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-featuredCards-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-featuredCards-entry-short">
                    {$Child->getAttribute('short')|nl2br}
                </p>
                {/if}

                {* visual affordance only — not a link, since the whole card is
                   clickable via the stretched title link above *}
                <span class="button btn-link btn-sm qui-control-childrenlist-featuredCards-entry-more"
                      aria-hidden="true"
                >
                    {locale group="quiqqer/sitetypes" value="list.more"}
                    <span class="fa fa-arrow-right btn__icon"></span>
                </span>
            </div>

        </article>
        {/foreach}
    </div>
</section>

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