{php}
/**
 * 文章列表项组件
 */
$cid = $post['cid'];
$ptpuser = $post['ptpuser'];
$ptpimg = getUserAvatar($ptpuser);
$isAnonymousPost = isFlag($post['is_anonymous'] ?? 0) === 1;
$displayName = $isAnonymousPost ? '匿名用户' : getUserDisplayName($ptpuser);
if ($isAnonymousPost) {
    $ptpimg = '/assets/img/tx.png';
}
$ptptext = renderArticleEmojis(cleanArticleHtml($post['ptptext']));
$ptpimag = $post['ptpimag'];
$ptpvideo = $post['ptpvideo'];
$ptpmusic = $post['ptpmusic'];
$ptplx = $post['ptplx'];
$ptpdw = $post['ptpdw'];
$ptptime = $post['ptptime'];
$ptpgg = isFlag($post['ptpgg'] ?? 0);
$ptpggurl = $post['ptpggurl'];
$ptpys = isFlag($post['ptpys'] ?? 1, 1);
$commauth = isFlag($post['commauth'] ?? 1, 1);
$ptpaud = isFlag($post['ptpaud'] ?? 1, 1);
$tagsEnabled = \app\service\ContentFeatureService::tagsEnabled();
$tagList = $tagsEnabled ? array_values(array_filter(array_map('trim', explode(',', $post['tags'] ?? '')))) : [];
$postLikes = $postLikes ?? [];
$postComments = $postComments ?? [];
$postLikedMap = $postLikedMap ?? [];
$musicSource = '';
$topIds = !empty($siteConfig['topes']) ? array_filter(array_map('trim', explode("\n", $siteConfig['topes']))) : [];
$isAdminPinned = in_array((string)$cid, $topIds, true);
$isUserPinned = !empty($post['user_top']);
$isPinned = $isAdminPinned || $isUserPinned;
$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, '');
}

// 封面色调
$coverColor = trim((string)($post['cover_color'] ?? ''));
$coverColorStyle = '';
if ($coverColor !== '') {
    $hex = ltrim($coverColor, '#');
    if (strlen($hex) === 3) {
        $hex = $hex[0] . $hex[0] . $hex[1] . $hex[1] . $hex[2] . $hex[2];
    }
    $r = hexdec(substr($hex, 0, 2));
    $g = hexdec(substr($hex, 2, 2));
    $b = hexdec(substr($hex, 4, 2));
    $luma = 0.299 * $r + 0.587 * $g + 0.114 * $b;
    $textColor = $luma > 160 ? 'rgba(0,0,0,.78)' : 'rgba(255,255,255,.78)';
    $titleColor = $luma > 160 ? '#111' : '#fff';
    $coverColorStyle = 'background:rgb(' . $r . ',' . $g . ',' . $b . ');color:' . $textColor;
}

// 视频处理
$videoParts = explode("|", $ptpvideo);
$ptpvideo = $videoParts[0];
$ptpvideofm = assetUrl($videoParts[1] ?? '');

// 图片处理
$imgArr = array_map('assetUrl', explode("(+@+)", $ptpimag));
$thumbArr = array_map('thumbUrl', $imgArr);
$imgCount = count($imgArr);

// 广告文章：用第一张图替换头像，图片网格中移除
if ($ptpgg === 1 && $imgCount > 0) {
    $ptpimg = $imgArr[0];
    array_shift($imgArr);
    array_shift($thumbArr);
    $imgCount = count($imgArr);
}

// 图片网格样式
if ($imgCount === 1) {
    $gridStyle = "grid-template-columns:1fr;width: 55%;";
} elseif ($imgCount === 4 || $imgCount === 2) {
    $gridStyle = "grid-template-columns:1fr 1fr;width: 55%;";
} else {
    $gridStyle = "grid-template-columns:1fr 1fr 1fr;";
}

// 广告样式
if ($ptpgg === 1) {
    $adStyle = "display: flex;";
    $adUrl = '<div class="sh-content-right-ggurl"><i class="iconfont icon-lianjie1 ri-sxwzgg"></i><a href="' . sanitizeUrl($ptpggurl) . '" target="_blank">进一步了解</a></div>';
    $gps = '';
} else {
    $adStyle = "display: none;";
    $adUrl = '';
    $gps = '<div class="sh-content-right-gps"><a href="javascript:;">' . sanitizeHtml($ptpdw) . '</a></div>';
}
$pinStyle = 'background: var(--themetm);' . ($ptpgg === 1 ? 'margin-right: 5px;' : '');

// 时间处理
$time = strtotime($ptptime);
$friendlyTime = formatFriendlyDate($time);

// 用户链接
if ($isAnonymousPost) {
    $userUrl = '';
} else {
    $userUrl = 'onclick="location.href=\'/user/' . md5(md5($ptpuser)) . '\'"';
}

// 内容截断
$contentText = preg_replace("/<img[^>]+>/i", "", $ptptext);
$contentText = preg_replace("/<span[^>]+>/i", "", $contentText);
$contentText = preg_replace("/<a href=[^>]+>/i", "", $contentText);
$contentText = str_replace(" ", "", $contentText);

if (iconv_strlen($contentText, "UTF-8") > 100) {
    $ptptext = '<span class="wzndhycyc" id="sh-content-qwdid-' . $cid . '">' . $ptptext . '</span><a href="javascript:;" class="sh-content-quanwenan" id="sh-content-quanwenan-' . $cid . '" lang="0" onclick="quanwenan()">全文</a>';
} else {
    $ptptext = '<span>' . $ptptext . '</span>';
}
if ($isLongArticle) {
    $ptptext = '';
}

// 点赞状态（由控制器通过 postLikedMap 预取）
$dianzanText = "赞";
$dianzanClass = "iconfont icon-aixin ri-sxdzlike";
$liked = !empty($postLikedMap[$cid]);
$currentLikeName = !empty($user) ? getUserDisplayName((string)($user['username'] ?? ''), (string)($user['name'] ?? '')) : '';
$currentLikeUser = !empty($user) ? (string)($user['username'] ?? '') : '';
if ($liked) {
    $dianzanText = "取消";
    $dianzanClass = "iconfont icon-aixin2 ri-sxdzlikehs";
}

// 评论按钮
if ($commauth === 1) {
    $commentBtn = '<div class="sh-content-right-time-right-left-y" id="' . $cid . '" onclick="plkkg()"><i class="iconfont icon-pinglun2 ri-sxdzcomm"></i><span>评论</span></div>';
} else {
    $commentBtn = '<div class="sh-content-right-time-right-left-y" id="' . $cid . '"><i class="iconfont icon-pinglun2 ri-sxdzcomm"></i><span>评论关闭</span></div>';
}
{/php}

<div class="sh-content" id="sh-content-{$cid}" data-post-id="{$post.id|default=0}">
    <!-- 左边 -->
    <div class="sh-content-left">
        <img src="/assets/img/thumbnail.svg" data-src="{$ptpimg}" alt="头像" {$userUrl|raw}>
    </div>
    <!-- 右边 -->
    <div class="sh-content-right">
        <!-- 昵称与内容 -->
        <div class="sh-content-right-head">
            <!-- 昵称 -->
            <div class="sh-content-right-head-title">
                <p>{$displayName}</p>
                {if condition="$isPinned || $ptpgg === 1"}
                <div style="display: flex;align-content: center;">
                    {if condition="$isPinned"}
                    <div class="sh-content-right-head-title-ad" style="{$pinStyle}">
                        <p style="color: var(--theme);">置顶</p>
                    </div>
                    {/if}
                <div class="sh-content-right-head-title-ad" style="{$adStyle}">
                    <p>广告</p>
                </div>
                </div>
                {/if}
            </div>
            <!-- 内容 -->
            {$ptptext|raw}
            {notempty name="tagList"}
            <div class="sh-content-tags" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;">
                {volist name="tagList" id="tag"}
                <a href="/?tag={:rawurlencode($tag)}" style="font-size:12px;color:var(--theme);">#{$tag}</a>
                {/volist}
            </div>
            {/notempty}

            {if condition="$isLongArticle"}
            <a class="sh-long-article-card{if condition="$coverColor !== ''"} sh-lac-custom{/if}" href="/view/{:rawurlencode($cid)}"{if condition="$coverColor !== ''"} style="{$coverColorStyle}"{/if}>
                <img src="/assets/img/thumbnail.svg" data-src="{$articleCover}" alt="">
                <span>
                    <strong>{$articleTitle}</strong>
                    <em>{:date('Y年m月d日', strtotime($ptptime))}</em>
                </span>
            </a>

            {elseif condition="$ptplx == 'img'" /}
            <!-- 图片 -->
            <div class="sh-content-right-img" id="imglib-{$cid}" style="{$gridStyle}">
                {php}
                for ($i = 0; $i < $imgCount; $i++) {
                    $safeImg = htmlspecialchars($imgArr[$i], ENT_QUOTES, 'UTF-8');
                    $safeThumb = htmlspecialchars($thumbArr[$i], ENT_QUOTES, 'UTF-8');
                    if ($i > 7 && $imgCount > 9) {
                        $duoimg = $imgCount - $i - 1;
                        if ($imgCount > 9 && $i == 8) {
                            echo '<a href="' . $safeImg . '" class="sh-content-right-img-pic" data-fancybox="gallery' . $cid . '" data-caption="">
                                <span class="sh-content-right-img-pic-mask">+' . $duoimg . '</span>
                                <img src="/assets/img/thumbnail.svg" data-src="' . $safeThumb . '" alt="">
                            </a>';
                        } else {
                            echo '<a href="' . $safeImg . '" class="sh-content-right-img-pic" data-fancybox="gallery' . $cid . '" data-caption="" style="display:none;">
                                <img src="' . $safeImg . '" data-src="' . $safeImg . '" alt="">
                            </a>';
                        }
                    } else {
                        echo '<a href="' . $safeImg . '" class="sh-content-right-img-pic" data-fancybox="gallery' . $cid . '" data-caption="">
                            <img src="/assets/img/thumbnail.svg" data-src="' . $safeThumb . '" alt="">
                        </a>';
                    }
                }
                {/php}
            </div>

            {elseif condition="$ptplx == 'video'" /}
            <!-- 视频 -->
            {php}$isBilibili = strpos($ptpvideo, "player.bilibili.com") !== false;{/php}
            {if condition="$isBilibili"}
            <div class="sh-video" id="sh-content-video-{$cid}" onclick="videofdgb()" lang="0">
                <iframe src="{:assetUrl($ptpvideo)}&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                <i class="iconfont icon-quxiao" id="sh-content-videog-{$cid}" lang="0"></i>
                <span class="sh-video-span" id="sh-video-span-{$cid}">BiliBili</span>
            </div>
            {else/}
            <div class="sh-video" id="sh-content-video-{$cid}" onclick="videofdgb()" lang="0">
                <video name="sh-videokid" class="sh-content-video" poster="{$ptpvideofm}" id="sh-content-videok-{$cid}" src="{:assetUrl($ptpvideo)}" playsinline webkit-playsinline preload="metadata" muted loop onclick="videofd()" lang="0" disablePictureInPicture="true" controlslist="nodownload nofullscreen noremoteplayback"></video>
                <i class="iconfont icon-quxiao" id="sh-content-videog-{$cid}" lang="0"></i>
                <span class="sh-video-span" id="sh-video-span-{$cid}">MP4</span>
            </div>
            {/if}

            {elseif condition="$ptplx == 'music'" /}
            <!-- 音乐 -->
            {php}
            $musicSource = '';
            if (!is_numeric($ptpmusic)) {
                $mus = explode("|", $ptpmusic);
                echo \think\facade\View::fetch('component/music_play', ['mus' => $mus, 'cid' => $cid]);
                $mu = $mus[0] ?? '';
                if (stripos($mu, 'qq-proxy') !== false || stripos($mu, 'qq.com') !== false) {
                    $musicSource = 'QQ音乐';
                } elseif (stripos($mu, 'kugou') !== false) {
                    $musicSource = '酷狗音乐';
                } elseif (stripos($mu, 'kuwo') !== false) {
                    $musicSource = '酷我音乐';
                } elseif (stripos($mu, '163.com') !== false || stripos($mu, '/api/music/proxy') !== false) {
                    $musicSource = '网易云音乐';
                }
            }
            {/php}
            {/if}
        </div>

        <!-- 地址 -->
        {notempty name="ptpdw"}
        {$gps|raw}
        {/notempty}
        {$adUrl|raw}

        <!-- 时间与点赞 -->
        <div class="sh-content-right-time">
            <div class="sh-content-right-time-left"><span>{$friendlyTime}</span>{if condition="$musicSource"}<span class="sh-music-source">来自 {$musicSource}</span>{/if}</div>
            <div class="sh-content-right-time-right">
                <div class="sh-content-right-time-right-left" id="pl-{$cid}" name="pl">
                    <div class="sh-content-right-time-right-left-z" onclick="dinazan()">
                        <i class="{$dianzanClass}" id="tiezimg-{$cid}"></i>
                        <span id="tiezdz-{$cid}" data-like-name="{$currentLikeName}" data-like-user="{$currentLikeUser}">{$dianzanText}</span>
                    </div>
                    <p></p>
                    {$commentBtn|raw}
                </div>
                <div class="sh-content-right-time-right-right" id="{$cid}" onclick="plk()">
                    <p class="zp1"></p>
                    <p></p>
                </div>
            </div>
        </div>

        <!-- 点赞列表与评论 -->
        <div class="sh-zanp" id="zanss-{$cid}">
            {php}
            // 点赞列表
            $likes = $postLikes[$cid] ?? [];
            {/php}
            {notempty name="likes"}
            <div class="sh-zanp-zan" id="zans-{$cid}">
                <div class="sh-zanp-zan-left"><i class="iconfont icon-aixin ri-sxwzlike"></i></div>
                <ul class="sh-zanp-zan-right" id="zlbeh-{$cid}">
                    {php}
                    $visitorCount = 0;
                    $likeNames = [];
                    foreach ($likes as $like) {
                        $likeUser = (string)$like['luser'];
                        $likeName = getLikeDisplayName($like);
                        if (isVisitorUser($likeUser) && trim((string)($like['lname'] ?? '')) === '') {
                            $visitorCount++;
                        } else {
                            $likeNames[] = ['user' => $likeUser, 'name' => $likeName];
                        }
                    }
                    foreach ($likeNames as $likeItem) {
                        echo '<li id="zan-' . sanitizeHtml($cid) . '" class="sh-like-data" data-user="' . sanitizeHtml($likeItem['user']) . '" lang="' . sanitizeHtml($likeItem['name']) . '" style="display:none">' . sanitizeHtml($likeItem['name']) . '</li>';
                    }
                    echo '<li id="fkzan-' . sanitizeHtml($cid) . '" class="sh-like-visitor-data" data-count="' . $visitorCount . '" style="display:none"></li>';
                    $totalLikeCount = count($likeNames) + $visitorCount;
                    $summaryNames = implode('，', array_map(function ($likeItem) {
                        return sanitizeHtml($likeItem['name']);
                    }, $likeNames));
                    if (!empty($likeNames)) {
                        echo '<li class="sh-like-summary">' . $summaryNames . '，等' . $totalLikeCount . '人觉得很赞</li>';
                    } elseif ($totalLikeCount > 0) {
                        echo '<li class="sh-like-summary">有' . $totalLikeCount . '人觉得很赞</li>';
                    }
                    {/php}
                </ul>
            </div>
            {else/}
            <div class="sh-zanp-zan" id="zans-{$cid}" style="display:none;">
                <div class="sh-zanp-zan-left"><i class="iconfont icon-aixin ri-sxwzlike"></i></div>
                <ul class="sh-zanp-zan-right" id="zlbeh-{$cid}"></ul>
            </div>
            {/notempty}

            <!-- 评论列表 -->
            {php}
            $commgs = $siteConfig['commgs'] ?? 10;
            $comments = $postComments[$cid] ?? [];
            $commentCount = 0;
            $showMore = "display:none";
            {/php}
            {notempty name="comments"}
            <ul class="sh-zanp-pl" id="sh-zanp-pl-{$cid}">
                {volist name="comments" id="comment"}
                {php}
                $commentCount++;
                $commentName = getUserDisplayName((string)($comment['couser'] ?? ''), (string)($comment['coname'] ?? ''));
                $replyName = getUserDisplayName((string)($comment['bcouser'] ?? ''), (string)($comment['bconame'] ?? ''));
                if ($commgs < $commentCount) {
                    $showMore = "display:flex";
                    break;
                } else {
                    $showMore = "display:none";
                }
                {/php}
                <li class="sh-comment-item" data-comment-item="1" data-comment-name="{$commentName}" data-comment-user="{$comment.couser}" data-comment-article="{$cid}" data-comkzt="0">
                    <div class="sh-zanp-pl-n">
                        {notempty name="comment.courl"}
                        <a href="{:sanitizeUrl($comment['courl'])}" class="sh-zanp-pl-n-nc" target="_blank">{$commentName}</a>
                        {else/}
                        <a class="sh-zanp-pl-n-nc">{$commentName}</a>
                        {/notempty}

                        {if condition="(!empty($comment['bcouser']) && $comment['bcouser'] != 'false') || (!empty($comment['bconame']) && $comment['bconame'] != 'false')"}
                        <span>回复</span>
                        <span class="sh-zanp-pl-n-nc">{$replyName}</span>
                        {/if}：
                        <span class="sh-zanp-pl-n-nr">{php}echo renderArticleEmojis(sanitizeHtml($comment['cotext']));{/php}</span>
                    </div>
                </li>
                {/volist}
            </ul>
            {else/}
            <ul class="sh-zanp-pl" id="sh-zanp-pl-{$cid}" style="display:none;"></ul>
            {/notempty}

            <!-- 显示更多评论 -->
            <div class="sh-zanp-pl-ku">
                <a href="/view/{$cid}" target="_blank" class="sh-zanp-pl-gd" style="{$showMore}">
                    <p class="zp1"></p>
                    <p class="zp1"></p>
                    <p></p>
                </a>
            </div>
        </div>
    </div>
</div>