{php}
/**
 * 置顶模块组件
 * 显示置顶文章的缩略图预览
 */
$stickyArticles = $stickyArticles ?? [];
$stickyCount = count($stickyArticles);
$stickyLink = $stickyLink ?? '/sticky';
{/php}

{if condition="$stickyCount > 0"}
<div class="sh-sticky-module" id="sh-sticky-module">
    <div class="sh-sticky-left">
        <span class="sh-sticky-label">置顶</span>
    </div>
    <div class="sh-sticky-content">
        {volist name="stickyArticles" id="sticky" key="k"}
        {if condition="$k <= 5"}
        {php}
        $stickyTitle = !empty($sticky['article_title']) ? $sticky['article_title'] : strCut(strip_tags($sticky['ptptext'] ?? ''), 10, '');
        {/php}
        <div class="sh-sticky-thumb" onclick="window.location.href='/view/{$sticky.cid}'">
            {php}
            $stickyPtplx = $sticky['ptplx'] ?? '';
            $stickyPtpvideo = $sticky['ptpvideo'] ?? '';
            $stickyIsVideo = ($stickyPtplx === 'video' && !empty($stickyPtpvideo));
            if ($stickyIsVideo) {
                $stickyVideoParts = explode('|', $stickyPtpvideo);
                $stickyVideoCover = assetUrl($stickyVideoParts[1] ?? '');
                $stickyVideoUrl = assetUrl($stickyVideoParts[0] ?? '');
                if (empty($stickyVideoCover)) {
                    $stickyVideoCover = $stickyVideoUrl;
                }
            }
            {/php}
            {if condition="$stickyIsVideo && $stickyVideoCover"}
            <div style="position:relative;width:100%;height:100%;">
                <video src="{$stickyVideoCover}" style="width:100%;height:100%;object-fit:cover;" preload="metadata" muted></video>
                <i class="iconfont icon-sa4f56" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.5);"></i>
            </div>
            {elseif condition="!empty($sticky.article_cover)" /}
            <img src="/assets/img/thumbnail.svg" data-src="{:assetUrl($sticky.article_cover)}" alt="{$stickyTitle}">
            {elseif condition="!empty($sticky.ptpimag)" /}
            {php}
            $stickyImages = array_filter(explode('(+@+)', $sticky['ptpimag']));
            $firstImage = !empty($stickyImages) ? assetUrl(reset($stickyImages)) : '';
            {/php}
            {if condition="$firstImage"}
            <img src="/assets/img/thumbnail.svg" data-src="{$firstImage}" alt="{$stickyTitle}">
            {else/}
            <div class="sh-sticky-text-only">
                <span>{$stickyTitle}</span>
            </div>
            {/if}
            {else/}
            <div class="sh-sticky-text-only">
                <span>{$stickyTitle}</span>
            </div>
            {/if}
        </div>
        {/if}
        {/volist}
    </div>
    <div class="sh-sticky-arrow" onclick="window.location.href='{$stickyLink}'">
    </div>
</div>
{/if}