{php}
/**
 * Timeline item for public user pages.
 * Variables: $post, $siteConfig
 */
$cid = $post['cid'];
$ptptext = renderArticleEmojis(cleanArticleHtml($post['ptptext'] ?? ''));
$ptpimag = $post['ptpimag'] ?? '';
$ptpvideo = $post['ptpvideo'] ?? '';
$ptpmusic = $post['ptpmusic'] ?? '';
$ptplx = $post['ptplx'] ?? 'only';
$ptpdw = $post['ptpdw'] ?? '';
$ptptime = $post['ptptime'] ?? '';
$ptpys = isFlag($post['ptpys'] ?? 1, 1);
$ptpaud = isFlag($post['ptpaud'] ?? 1, 1);
$isLongArticle = $ptplx === 'article';
$articleTitle = trim((string)($post['article_title'] ?? ''));
$articleCover = assetUrl($post['article_cover'] ?? '/assets/img/thumbnailbg.svg');
if ($articleTitle === '') {
    $articleTitle = strCut(strip_tags($post['ptptext'] ?? ''), 30, '');
}
$showAuditLock = !empty($showAuditLock);
$appendFms = $appendFms ?? true;

$time = strtotime($ptptime) ?: time();
$givenDate = date('Y-m-d', $time);

if (date('Ymd') === date('Ymd', $time)) {
    $dayLabel = '今天';
    $monthLabel = '';
} elseif (date('Ymd', strtotime('-1 day')) === date('Ymd', $time)) {
    $dayLabel = '昨天';
    $monthLabel = '';
} else {
    $dayLabel = date('d', $time);
    $monthLabel = date('m', $time) . '月';
}

if ($ptpys === 0) {
    $lockIcon = '<i class="iconfont icon-suoding sh-homecontent-wzsbs" title="文章已设为隐私"></i>';
} elseif ($showAuditLock && $ptpaud === 0) {
    $lockIcon = '<i class="iconfont icon-suoding sh-homecontent-wzsbs" style="color:var(--protext)" title="文章未通过审核"></i>';
} elseif ($showAuditLock && $ptpaud === -2) {
    $lockIcon = '<i class="iconfont icon-suoding sh-homecontent-wzsbs" style="color:var(--protext)" title="草稿"></i>';
} elseif ($showAuditLock && strtotime($ptptime) > time()) {
    $lockIcon = '<i class="iconfont icon-shijian31 sh-homecontent-wzsbs" style="color:var(--protext)" title="定时发布"></i>';
} else {
    $lockIcon = '';
}
$detailUrl = '/view/' . $cid;
$dateStyle = $siteConfig['shougbsx'] ?? '';

$videoParts = explode('|', $ptpvideo);
$videoUrl = assetUrl($videoParts[0] ?? '');
$videoCover = assetUrl($videoParts[1] ?? '');
$videoAutoplay = isFlag($siteConfig['videoauplay'] ?? 0) === 1 ? 'autoplay' : '';
$videoPlayIcon = isFlag($siteConfig['videoauplay'] ?? 0) === 0 ? '<i class="iconfont icon-sa4f56" id="sh-content-video-videobfb-' . $cid . '" style="width: fit-content;height: fit-content;grid-column: 1;grid-row: 1;z-index: 10;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px;color: #ffffff;display: flex;cursor: pointer;padding: 15px;pointer-events: none;"></i>' : '';

$images = [];
if ($ptpimag !== '') {
    $images = array_values(array_filter(explode('(+@+)', $ptpimag), function ($value) {
        return trim((string)$value) !== '';
    }));
}
$imageCount = count($images);
{/php}
<div class="sh-homecontent-lie" data-post-id="{$post.id|default=0}">
    <div class="sh-homecontent-left">
        <div class="sh-homecontent-left-time" lang="year-{$givenDate}" style="{$dateStyle}">
            <span class="homecontent-left-time-h">{$dayLabel|raw}</span>
            <span class="homecontent-left-time-y">{$monthLabel|raw}</span>
        </div>
        <div class="sh-homecontent-left-time-dw">{$ptpdw}</div>
    </div>
    <div class="sh-homecontent-right-wk">
        {if condition="$isLongArticle"}
        <div class="sh-homecontent-right-lie sh-timeline-article-card" onclick="window.location.href = '{$detailUrl}';">
            <div class="sh-timeline-article-cover">
                <img src="/assets/img/thumbnail.svg" data-src="{$articleCover}" alt="">
                {$lockIcon|raw}
            </div>
            <div class="sh-timeline-article-info">
                <div class="sh-timeline-article-title">{$articleTitle}</div>
                <div class="sh-timeline-article-date">{:date('Y年m月d日', $time)}</div>
            </div>
        </div>
        {elseif condition="$ptplx === 'music' && !is_numeric($ptpmusic)" /}
        {php}
        $mus = explode('|', $ptpmusic);
        $musicCover = !empty($mus[3]) ? assetUrl($mus[3]) : '/assets/img/musicba.jpg';
        $musicTitle = $ptptext === '' ? '' : '<div class="sh-homecontent-right-lie-music-title">' . $ptptext . '</div>';
        {/php}
        <div class="sh-homecontent-right-lie-musicwk" onclick="window.location.href = '{$detailUrl}';">
            {$lockIcon|raw}
            {$musicTitle|raw}
            <div class="sh-homecontent-right-lie sh-homecontent-right-lie-music">
                <div class="homecontent-right-tw homecontent-right-tw-music">
                    <div class="homecontent-right-tw-img" style="grid-template-columns: 1fr;grid-template-rows: 1fr;">
                        <div class="homecontent-right-tw-img-wk homecontent-right-tw-img-wk-music"><img src="/assets/img/thumbnail.svg" data-src="{$musicCover}" alt=""><i class="iconfont icon-sa4f56"></i></div>
                    </div>
                </div>
                <div class="homecontent-right-nr homecontent-right-nr-music">
                    <div class="homecontent-right-nr-text homecontent-right-nr-text-music" style="color: var(--thetitle);">{$mus.1|default=''}</div>
                    <p class="homecontent-right-nr-text-music-p homecontent-right-nr-text-music">{$mus.2|default=''}</p>
                </div>
            </div>
        </div>
        {else/}
        <div class="sh-homecontent-right-lie" onclick="window.location.href = '{$detailUrl}';">
            {if condition="$ptplx === 'img'"}
            {php}$gridStyle = $imageCount === 1 ? 'grid-template-columns: 1fr;grid-template-rows: 1fr;' : '';{/php}
            <div class="homecontent-right-tw">
                <div class="homecontent-right-tw-img" style="{$gridStyle}">
                    {php}
                    foreach (array_slice($images, 0, 4) as $index => $image) {
                        $imageUrl = thumbUrl(assetUrl($image));
                        $itemStyle = '';
                        if ($imageCount === 2) {
                            $itemStyle = 'grid-row: 1 / 3;';
                        } elseif ($imageCount === 3 && $index === 0) {
                            $itemStyle = 'grid-row: 1 / 3;';
                        }
                        echo '<div class="homecontent-right-tw-img-wk" style="' . $itemStyle . '"><img src="/assets/img/thumbnail.svg" data-src="' . $imageUrl . '" alt=""></div>';
                    }
                    {/php}
                    {$lockIcon|raw}
                </div>
            </div>
            <div class="homecontent-right-nr">
                <div class="homecontent-right-nr-text">{$ptptext|raw}</div>
                <p class="homecontent-right-nr-tus">共{$imageCount}张</p>
            </div>
            {elseif condition="$ptplx === 'video'" /}
            <div class="homecontent-right-tw">
                <div class="homecontent-right-tw-video">
                    {php}$isBilibili = stripos($videoUrl, 'player.bilibili.com') !== false;{/php}
                    {if condition="$isBilibili"}
                    <div class="homecontent-right-tw-img" style="grid-template-columns: 1fr;grid-template-rows: 1fr;">
                        <div class="homecontent-right-tw-img-wk"><img src="/assets/img/thumbnail.svg" data-src="{$videoCover}" alt=""></div>
                    </div>
                    {$videoPlayIcon|raw}
                    <span class="sh-video-span" style="left: 4px;bottom: 4px;">BiliBili</span>
                    {else/}
                    <video class="homecontent-right-tw-videoau" poster="{$videoCover}" src="{$videoUrl}" playsinline webkit-playsinline preload="metadata" {$videoAutoplay|raw} muted loop></video>
                    {$videoPlayIcon|raw}
                    <span class="sh-video-span" style="left: 4px;bottom: 4px;">MP4</span>
                    {/if}
                    {$lockIcon|raw}
                </div>
            </div>
            <div class="homecontent-right-nr">
                <div class="homecontent-right-nr-text">{$ptptext|raw}</div>
            </div>
            {else/}
            <div class="homecontent-right-nr" style="min-height: 10px;background: var(--fgxys);position:relative;">
                <div class="homecontent-right-nr-text homecontent-right-nr-textjw" style="margin: 10px;">{$ptptext|raw}</div>
                {$lockIcon|raw}
            </div>
            {/if}
        </div>
        {/if}
    </div>
</div>