<?php
$thread_user = empty($thread['user']) ? user_read($thread['uid']) : $thread['user'];
$thread_user_group = isset($grouplist[$thread_user['gid']]['name']) ? $grouplist[$thread_user['gid']]['name'] : '社区成员';
$thread_profile = kv_get('chuan_user_profile_'.$thread['uid']);
empty($thread_profile) AND $thread_profile = array();
$thread_no_follow = !empty($thread_profile['no_follow']);
$thread_no_comment = !empty($thread_profile['no_comment']) && $uid != $thread['uid'] && $gid > 5;
$thread_private_comment = kv_get('chuan_thread_private_comment_'.$thread['tid']);
$chuan_theme_setting = kv_get('chuan_theme_setting');
empty($chuan_theme_setting) AND $chuan_theme_setting = array();
$login_required_comments = !empty($chuan_theme_setting['login_required_comments']);
$comment_filter = param('comment_filter', '');
$comment_order = param('comment_order', 'asc');
$comment_order == 'desc' OR $comment_order = 'asc';

// Collect all unique uids from postlist and the thread itself
$uids = array();
if (!empty($postlist)) {
    foreach ($postlist as $_post) {
        $uids[] = $_post['uid'];
    }
}
$uids[] = $thread['uid'];
$uids = array_unique(array_filter($uids));

if (!empty($uids)) {
    global $chuan_theme_cache;
    if (!isset($chuan_theme_cache)) $chuan_theme_cache = array();
    
    // 1. Batch load chuan_user_profile_{uid} from KV table
    $keys = array();
    foreach ($uids as $_uid) {
        $keys[] = 'chuan_user_profile_' . $_uid;
    }
    $kv_list = db_find('kv', array('k' => $keys));
    if (!isset($chuan_theme_cache['user_profiles'])) $chuan_theme_cache['user_profiles'] = array();
    foreach ($uids as $_uid) {
        $chuan_theme_cache['user_profiles'][$_uid] = array();
    }
    if ($kv_list) {
        foreach ($kv_list as $_kv) {
            $uid_from_key = intval(substr($_kv['k'], 19));
            $chuan_theme_cache['user_profiles'][$uid_from_key] = xn_json_decode($_kv['v']);
        }
    }
    
    // 2. Batch load merchants
    $merchant_on = function_exists('chuan_plugin_is_on') ? chuan_plugin_is_on('Chuan_merchant_stately') : false;
    if ($merchant_on) {
        $merchants = db_find('merchant', array('uid' => $uids, 'status' => 2));
        if (!isset($chuan_theme_cache['merchants'])) $chuan_theme_cache['merchants'] = array();
        foreach ($uids as $_uid) {
            $chuan_theme_cache['merchants'][$_uid] = null;
        }
        if ($merchants) {
            foreach ($merchants as $_m) {
                $chuan_theme_cache['merchants'][$_m['uid']] = $_m;
            }
        }
    }
    
    // 3. Batch load equipped user badges
    $badge_on = function_exists('chuan_plugin_is_on') ? chuan_plugin_is_on('Chuan_badge') : false;
    if ($badge_on) {
        if (!isset($chuan_theme_cache['equipped_badges'])) $chuan_theme_cache['equipped_badges'] = array();
        foreach ($uids as $_uid) {
            $chuan_theme_cache['equipped_badges'][$_uid] = '';
        }
        
        $user_badges = db_find('chuan_user_badge', array('uid' => $uids, 'equipped' => 1));
        if ($user_badges) {
            $badge_ids = array();
            foreach ($user_badges as $_ub) {
                $badge_ids[] = $_ub['badgeid'];
            }
            $badge_ids = array_unique($badge_ids);
            
            // Batch load badge details
            $badges = db_find('chuan_badge', array('badgeid' => $badge_ids));
            $badges_map = array();
            if ($badges) {
                if (!isset($chuan_theme_cache['badges'])) $chuan_theme_cache['badges'] = array();
                foreach ($badges as $_b) {
                    $chuan_theme_cache['badges'][$_b['badgeid']] = $_b;
                    $badges_map[$_b['badgeid']] = $_b;
                }
            }
            
            foreach ($user_badges as $_ub) {
                $_uid = $_ub['uid'];
                $_bid = $_ub['badgeid'];
                if (isset($badges_map[$_bid]) && !empty($badges_map[$_bid]['enabled'])) {
                    $_b = $badges_map[$_bid];
                    $_icon = chuan_badge_icon_html($_b['icon'], $_b['color']);
                    $chuan_theme_cache['equipped_badges'][$_uid] = '<span class="chuan-username-badge" title="'.xn_html_safe($_b['name']).'">'.$_icon.'</span>';
                }
            }
        }
    }
}

if($thread_no_comment) $allowpost = FALSE;
if(empty($uid)) $allowpost = FALSE;
if(!function_exists('chuan_plugin_is_on')) {
    function chuan_plugin_is_on($dir) {
        if(function_exists('plugin_paths_enabled')) {
            $plugins = plugin_paths_enabled();
            $path = APP_PATH.'plugin/'.$dir;
            return !empty($plugins[$path]) && !empty($plugins[$path]['enable']);
        }
        $plugins = G('plugins', array());
        return !empty($plugins[$dir]) && !empty($plugins[$dir]['enable']);
    }
}
$thread_like_count = db_count('chuan_thread_like', array('tid'=>$tid));
$thread_liked = $uid ? db_find_one('chuan_thread_like', array('uid'=>$uid, 'tid'=>$tid)) : array();
$thread_ad_on = function_exists('chuan_plugin_is_on') ? chuan_plugin_is_on('Chuan_ad') : FALSE;
$thread_sponsor_on = function_exists('chuan_plugin_is_on') ? chuan_plugin_is_on('Chuan_sponsor') : FALSE;
$thread_share_on = function_exists('chuan_plugin_is_on') ? chuan_plugin_is_on('Chuan_share') : FALSE;

// Fetch related recommendations
$related_threads = thread_find_by_fid($fid, 1, 6);
if (!empty($related_threads)) {
    foreach ($related_threads as $k => $_r_thread) {
        if ($_r_thread['tid'] == $tid) {
            unset($related_threads[$k]);
        }
    }
    $related_threads = array_slice($related_threads, 0, 5);
}

$ai_setting = kv_get('chuan_ai_comment_setting');
$ai_list = array();
if (!empty($ai_setting) && !empty($ai_setting['enabled']) && !empty($ai_setting['ais'])) {
    foreach ($ai_setting['ais'] as $ai) {
        if (!empty($ai['enabled'])) {
            $_ai_user = !empty($ai['uid']) ? user_read($ai['uid']) : array();
            $ai_list[] = array(
                'name' => $ai['name'],
                'uid' => $ai['uid'],
                'avatar' => !empty($_ai_user['avatar_url']) ? $_ai_user['avatar_url'] : 'view/img/avatar.png'
            );
        }
    }
}

$comment_children = array();
$comment_roots = array();
if (!empty($postlist)) {
    if($login_required_comments && empty($uid)) $postlist = array();
    if($thread_private_comment && $uid != $thread['uid'] && $gid > 5) {
        foreach($postlist as $_pid => $_comment) {
            if($_comment['uid'] != $uid) unset($postlist[$_pid]);
        }
    }
    if($comment_filter == 'author') {
        foreach($postlist as $_pid => $_comment) {
            if($_comment['uid'] != $thread['uid']) unset($postlist[$_pid]);
        }
    }
    foreach ($postlist as $_comment_pid => $_comment) {
        $_quote_pid = empty($_comment['quotepid']) ? 0 : intval($_comment['quotepid']);
        if ($_quote_pid > 0 && isset($postlist[$_quote_pid])) {
            if (empty($comment_children[$_quote_pid])) $comment_children[$_quote_pid] = array();
            $comment_children[$_quote_pid][] = $_comment_pid;
        } else {
            $comment_roots[] = $_comment_pid;
        }
    }
    if($comment_order == 'desc') $comment_roots = array_reverse($comment_roots);
}

if (!function_exists('chuan_theme_get_all_descendants')) {
    function chuan_theme_get_all_descendants($pid, &$comment_children) {
        $arr = array();
        if (!empty($comment_children[$pid])) {
            foreach ($comment_children[$pid] as $child_pid) {
                $arr[] = $child_pid;
                $arr = array_merge($arr, chuan_theme_get_all_descendants($child_pid, $comment_children));
            }
        }
        return $arr;
    }
}

if (!function_exists('chuan_theme_render_comment_tree')) {
    function chuan_theme_render_comment_tree($pid, &$postlist, &$comment_children, $allowpost, $allowupdate, $allowdelete, $depth = 0) {
        global $thread, $uid, $gid;
        if (empty($postlist[$pid])) return;
        $_post = $postlist[$pid];
        $_is_child = $depth > 0;
        global $chuan_theme_cache;
        $_profile = isset($chuan_theme_cache['user_profiles'][$_post['uid']]) ? $chuan_theme_cache['user_profiles'][$_post['uid']] : array();
        empty($_profile) AND $_profile = array();
        $_signature = trim(array_value($_profile, 'bio', ''));
        $_username_html = chuan_theme_username_html($_post['uid'], $_post['username']);
?>
<div class="comment-item <?php echo $_is_child ? 'p-4 rounded-2xl bg-gray-50/60 border border-black/[0.04]' : 'p-5'; ?> post"
    data-pid="<?php echo $_post['pid'];?>" data-uid="<?php echo $_post['uid'];?>">
    <div class="flex gap-3">
        <a href="<?php echo url(" user-$_post[uid]");?>" class="shrink-0">
            <?php echo chuan_theme_avatar_html($_post['uid'], $_post['user_avatar_url'], ($_is_child ? 'w-9 h-9' : 'w-10 h-10') . ' rounded-xl object-cover'); ?>
        </a>
        <div class="flex-1 min-w-0">
            <div class="flex items-center justify-between gap-3">
                <div class="flex items-center gap-2 min-w-0">
                    <a href="<?php echo url(" user-$_post[uid]");?>" class="font-semibold text-[13px] text-gray-900
                        hover:text-black transition truncate">
                        <?php echo $_username_html;?>
                    </a>
                    <span class="text-[11px] text-gray-400 shrink-0">(UID:
                        <?php echo $_post['uid'];?>)
                    </span>
                    <?php if($allowpost) { ?><button type="button" data-tid="<?php echo $_post['tid']; ?>"
                        data-pid="<?php echo $_post['pid']; ?>"
                        class="text-[11px] text-gray-500 hover:text-black transition post_reply">@ta</button>
                    <?php } ?>
                </div>
                <?php if($_post['floor']) { ?>
                <span class="text-[11px] text-gray-400 shrink-0">
                    <span class="floor">
                        <?php echo $_post['floor'];?>
                    </span> 楼
                </span>
                <?php } ?>
            </div>

            <div class="text-[11px] text-gray-400 mt-1">
                <?php echo $_post['create_date_fmt'];?>
                <?php if($_signature) { ?> ·
                <?php echo xn_html_safe(xn_substr($_signature, 0, 60));?>
                <?php } ?>
            </div>

            <div class="comment-content mt-3 break-all message">
                <?php if(!empty($_post['subject'])) { ?>
                <h6 class="font-bold mb-2"><a href="<?php echo url(" thread-$_post[tid]");?>" target="_blank"
                        class="text-black">
                        <?php echo $_post['subject'];?>
                    </a></h6>
                <?php } ?>

                <?php
                                            $_message_fmt = $_post['message_fmt'];
                                            if($_is_child && !empty($_post['quotepid'])) {
                                                $_message_fmt = preg_replace('#<blockquote[\s\S]*?</blockquote>#i', '', $_message_fmt);
                                                $_message_fmt = preg_replace('#<div[^>]*class="[^"]*(quote|blockquote)[^"]*"[^>]*>[\s\S]*?</div>#i', '', $_message_fmt);
                                            }
                                            echo $_message_fmt;
                                        ?>
                <?php echo post_file_list_html($_post['filelist']);?>
            </div>

            <?php if($uid) { ?>
            <div class="flex items-center gap-5 mt-4 text-[12px] text-gray-500">
                <button type="button" class="chuan-like-btn hover:text-black transition"
                    data-tid="<?php echo $_post['tid']; ?>">点赞</button>
                <?php if($allowpost) { ?>
                <button type="button" data-tid="<?php echo $_post['tid']; ?>" data-pid="<?php echo $_post['pid']; ?>"
                    class="hover:text-black transition post_reply">
                    回复
                </button>
                <?php } ?>
                <!--{hook thread_start_comment_btn_after.htm}-->

                <?php if($allowupdate || $_post['allowupdate']) { ?>
                <a href="<?php echo url("post-update-$_post[pid]"); ?>" class="hover:text-black transition
                    post_update">
                    编辑
                </a>
                <?php } ?>

                <?php if($allowdelete || $_post['allowdelete']) { ?>
                <a data-href="<?php echo url("post-delete-$_post[pid]"); ?>" data-confirm-text="
                    <?php echo lang('confirm_delete'); ?>" href="javascript:void(0);" class="hover:text-red-600
                    text-red-500 transition post_delete _confirm">
                    删除
                </a>
                <?php } ?>
            </div>
            <?php } ?>

            <!-- Inline Reply Form Container -->
            <div class="reply-form-container mt-2"></div>

            <?php if ($depth == 0) { 
                                        $all_descendants = chuan_theme_get_all_descendants($pid, $comment_children);
                                        if (!empty($all_descendants)) {
                                    ?>
            <div class="comment-replies mt-4 ml-2 md:ml-4 pl-3 space-y-3"
                style="border-left: 2px solid rgba(0,0,0,0.03);">
                <?php foreach ($all_descendants as $_child_pid) {
                                            chuan_theme_render_comment_tree($_child_pid, $postlist, $comment_children, $allowpost, $allowupdate, $allowdelete, 1);
                                        } ?>
            </div>
            <?php } } ?>
        </div>
    </div>
</div>
<?php
    }
}
?>

<!-- MAIN -->
<main
    class="max-w-7xl mx-auto px-0 md:px-6 py-0 md:py-6 mobile-padding chuan-main-shell chuan-theme-page chuan-thread-page">
    <div class="grid grid-cols-12 gap-6">

        <!-- CONTENT -->
        <section class="col-span-12 lg:col-span-9">

            <!-- POST -->
            <div class="bg-white border-x border-black/5 md:border md:rounded-2xl overflow-hidden">
                <div class="p-5 md:p-8">

                    <!-- TOP -->
                    <div class="flex items-start gap-4">
                        <a href="<?php echo url(" user-$thread[uid]");?>">
                            <?php echo chuan_theme_avatar_html($thread['uid'], $thread['user_avatar_url'], 'w-12 h-12 rounded-2xl object-cover flex-shrink-0'); ?>
                        </a>

                        <div class="flex-1 min-w-0">
                            <div class="min-w-0">
                                <div class="flex items-center gap-2 flex-wrap">
                                    <a href="<?php echo url(" user-$thread[uid]");?>" class="font-semibold text-[15px]
                                        text-gray-900 hover:text-black transition truncate">
                                        <?php echo chuan_theme_username_html($thread['uid'], $thread['username']); ?>
                                    </a>
                                    <div class="text-[12px] text-gray-400">(UID:
                                        <?php echo $thread['uid'];?>)
                                    </div>
                                    <div class="text-[12px] text-gray-400">·</div>
                                    <div class="text-[12px] text-gray-500">
                                        <?php echo $thread['create_date_fmt'];?>发布
                                    </div>
                                </div>
                                <div class="text-[12px] text-gray-500 mt-1">
                                    <?php echo $thread_user_group; ?> · <a href="<?php echo url(" forum-$fid");?>"
                                        class="hover:text-black transition">
                                        <?php echo $forum['name'];?>
                                    </a> ·
                                    <?php echo $thread['views'];?> 阅读 ·
                                    <?php echo $thread['posts'];?> 评论
                                </div>
                            </div>
                        </div>

                        <!-- TOP RIGHT OPERATIONS -->
                        <div class="flex items-center gap-2 relative">
                            <?php if(!$thread_no_follow && $uid && $uid != $thread['uid'] && function_exists('chuan_follow_button_html')) { ?>
                            <?php echo chuan_follow_button_html($thread['uid'], 'h-9 px-4 rounded-xl border border-black/10 text-sm font-medium hover:bg-gray-50 flex items-center justify-center transition'); ?>
                            <?php } ?>

                            <?php 
                            $chuan_can_mod = $gid > 0 && $gid < 5;
                            $has_mods = ($allowupdate || $first['allowupdate'] || $allowdelete || $first['allowdelete'] || $chuan_can_mod);
                            if($has_mods) { 
                                $_is_featured = kv_get('chuan_thread_featured_'.$thread['tid']);
                            ?>
                            <div class="relative inline-block text-left" id="thread-mod-dropdown-container">
                                <button type="button" id="thread-mod-dropdown-btn"
                                    class="h-9 w-9 rounded-xl border border-black/10 flex items-center justify-center hover:bg-gray-50 transition bg-white cursor-pointer outline-none">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-600" fill="none"
                                        viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                                    </svg>
                                </button>
                                <div id="thread-mod-dropdown-menu"
                                    class="hidden absolute right-0 mt-1 w-36 rounded-xl border border-black/5 bg-white shadow-xl py-1.5 z-20">
                                    <?php if($allowupdate || $first['allowupdate']) { ?>
                                    <a href="<?php echo url("post-update-$thread[firstpid]");?>" class="flex
                                        items-center px-4 py-2 text-xs font-semibold text-gray-700 hover:bg-gray-50
                                        hover:text-black transition post_update">
                                        编辑帖子
                                    </a>
                                    <?php } ?>

                                    <?php if($chuan_can_mod) { ?>
                                    <a href="javascript:void(0);"
                                        class="flex items-center px-4 py-2 text-xs font-semibold text-gray-700 hover:bg-gray-50 hover:text-black transition action-thread-mod"
                                        data-act="top" data-tid="<?php echo $thread['tid']; ?>">
                                        <?php echo !empty($thread['top']) ? '取消置顶' : '置顶帖子'; ?>
                                    </a>
                                    <a href="javascript:void(0);"
                                        class="flex items-center px-4 py-2 text-xs font-semibold text-gray-700 hover:bg-gray-50 hover:text-black transition action-thread-mod"
                                        data-act="featured" data-tid="<?php echo $thread['tid']; ?>">
                                        <?php echo $_is_featured ? '取消精选' : '设为精选'; ?>
                                    </a>
                                    <?php } ?>

                                    <?php if($allowdelete || $first['allowdelete']) { ?>
                                    <div class="border-t border-black/5 my-1"></div>
                                    <a data-href="<?php echo url("post-delete-$thread[firstpid]");?>"
                                        href="javascript:void(0);" class="flex items-center px-4 py-2 text-xs
                                        font-semibold text-red-600 hover:bg-red-50 transition post_delete" isfirst="1">
                                        删除帖子
                                    </a>
                                    <?php } ?>
                                </div>
                            </div>
                            <?php } ?>
                        </div>
                    </div>

                    <!-- TITLE -->
                    <h1 class="mt-6 text-[28px] leading-[1.3] tracking-[-0.03em] font-bold text-black">
                        <?php echo $thread['subject'];?>
                    </h1>

                    <!-- CONTENT -->
                    <div class="chuan-thread-message mt-6 text-[15px] text-gray-700 break-words message" isfirst="1">
                        <?php if($page == 1) { ?>
                        <?php 
                            $first_message = $first['message_fmt'];
                            if (strpos($first_message, '[reply]') !== FALSE || strpos($first_message, '&lt;reply&gt;') !== FALSE || strpos($first_message, '<reply>') !== FALSE) {
                                $has_replied = FALSE;
                                if ($uid) {
                                    if ($uid == $thread['uid'] || $gid <= 4) {
                                        $has_replied = TRUE;
                                    } else {
                                        $has_replied = db_count('post', array('tid' => $tid, 'uid' => $uid)) > 1;
                                    }
                                }
                                if ($has_replied) {
                                    $first_message = preg_replace('#\[reply\]([\s\S]*?)\[/reply\]#i', '<div class="reply-visible-box border border-emerald-200 bg-emerald-50/20 rounded-2xl p-4 my-3"><div class="text-[10px] font-bold text-emerald-600 uppercase tracking-wider mb-2 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-emerald-500"></span>回复可见内容</div>$1</div>', $first_message);
                                    $first_message = preg_replace('#(?:&lt;|<)reply(?:&gt;|>)([\s\S]*?)(?:&lt;|<)/reply(?:&gt;|>)#i', '<div class="reply-visible-box border border-emerald-200 bg-emerald-50/20 rounded-2xl p-4 my-3"><div class="text-[10px] font-bold text-emerald-600 uppercase tracking-wider mb-2 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-emerald-500"></span>回复可见内容</div>$1</div>', $first_message);
                                } else {
                                    $lock_card = '<div class="p-5 my-3 rounded-2xl bg-amber-50/50 border border-amber-100/70 text-center text-amber-800 text-xs font-bold flex flex-col items-center justify-center space-y-2">
                                        <svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg>
                                        <span>此内容为“回复可见”，请在下方发表评论后刷新查看！</span>
                                    </div>';
                                    $first_message = preg_replace('#\[reply\]([\s\S]*?)\[/reply\]#i', $lock_card, $first_message);
                                    $first_message = preg_replace('#(?:&lt;|<)reply(?:&gt;|>)([\s\S]*?)(?:&lt;|<)/reply(?:&gt;|>)#i', $lock_card, $first_message);
                                }
                            }
                            echo $first_message;
                            ?>
                        <?php echo post_file_list_html($first['filelist']);?>
                        <!--{hook thread_start_message_after.htm}-->

                        <?php
                            $chuan_charge = db_find_one('chuan_thread_charge_download', array('tid' => $tid));
                            if (!empty($chuan_charge)) {
                                $price = intval($chuan_charge['price']);
                                $title = xn_html_safe($chuan_charge['title']);
                                $link = xn_html_safe($chuan_charge['link']);
                                
                                $is_unlocked = FALSE;
                                if ($uid) {
                                    if ($uid == $thread['uid'] || $gid <= 4) {
                                        $is_unlocked = TRUE;
                                    } else {
                                        $buy_record = db_find_one('chuan_thread_charge_download_buy', array('uid' => $uid, 'tid' => $tid));
                                        if ($buy_record) {
                                            $is_unlocked = TRUE;
                                        }
                                    }
                                }
                                ?>
                        <div
                            class="chuan-charge-card border border-black/5 bg-gray-50/50 rounded-2xl p-5 my-5 shadow-sm max-w-[640px] text-left">
                            <div class="flex items-start gap-4">
                                <div
                                    class="w-12 h-12 rounded-xl bg-amber-500/10 flex items-center justify-center text-amber-600 shrink-0">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none"
                                        viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                                    </svg>
                                </div>
                                <div class="flex-1 min-w-0 text-left">
                                    <div class="font-bold text-[14px] text-gray-900 truncate text-left">付费资源：
                                        <?php echo $title; ?>
                                    </div>
                                    <div class="text-[11px] text-gray-400 mt-1 text-left">此资源需要消耗能量解锁后才可下载。</div>

                                    <?php if ($is_unlocked) { ?>
                                    <div
                                        class="mt-4 p-3 bg-emerald-500/5 border border-emerald-500/10 rounded-xl text-left">
                                        <div
                                            class="text-[10px] font-bold text-emerald-600 uppercase tracking-wider mb-1 flex items-center gap-1.5 justify-start text-left">
                                            <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>已解锁下载链接
                                        </div>
                                        <a href="<?php echo $link; ?>" target="_blank"
                                            class="text-xs text-blue-600 font-semibold hover:underline break-all block text-left">
                                            <?php echo $link; ?>
                                        </a>
                                    </div>
                                    <?php } else { ?>
                                    <div class="mt-4 flex items-center gap-3 justify-start text-left">
                                        <button type="button"
                                            class="h-9 px-4 rounded-xl bg-black text-white text-xs font-bold hover:bg-black/90 transition shadow-sm flex items-center gap-1.5 chuan-unlock-charge-btn"
                                            data-tid="<?php echo $tid; ?>" data-price="<?php echo $price; ?>">
                                            🔑
                                            <?php echo $price; ?> 能量解锁下载
                                        </button>
                                        <span class="text-[11px] text-gray-400 font-medium text-left">当前所需：
                                            <?php echo $price; ?> 能量
                                        </span>
                                    </div>
                                    <?php } ?>
                                </div>
                            </div>
                        </div>
                        <?php
                            }
                            ?>
                        <?php } else { ?>
                        <p class="text-center text-gray-400 py-5">
                            <a href="<?php echo url(" thread-$tid");?>" class="text-gray-900">点击查看首层主题帖内容</a>
                        </p>
                        <?php } ?>
                    </div>

                    <!-- ACTIONS -->
                    <div class="flex flex-wrap items-center gap-3 mt-10 pt-6 border-t border-black/5">
                        <?php if($uid) { ?>
                        <button type="button" class="action-btn chuan-like-btn" data-tid="<?php echo $tid;?>">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24"
                                stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M14 9l-2-2m0 0l-2 2m2-2v10m7-5a7 7 0 11-14 0 7 7 0 0114 0z" />
                            </svg>
                            <span class="like-text">
                                <?php echo $thread_liked ? '已点赞' : '点赞';?>
                            </span>
                            <?php if($thread_like_count) { ?><span class="like-count">
                                <?php echo intval($thread_like_count);?>
                            </span>
                            <?php } ?>
                        </button>
                        <?php } ?>
                        <?php $favorited = $uid ? db_find_one('chuan_thread_favorite', array('uid'=>$uid, 'tid'=>$tid)) : array(); ?>
                        <?php if($uid) { ?>
                        <button type="button" class="action-btn chuan-favorite-btn" data-tid="<?php echo $tid;?>">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="w-4 h-4 fav-icon <?php echo $favorited ? 'fill-current text-yellow-500' : '';?>"
                                fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.907c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.906a1 1 0 00.95-.69l1.519-4.674z" />
                            </svg>
                            <span class="fav-text">
                                <?php echo $favorited ? '已收藏' : '收藏';?>
                            </span>
                        </button>
                        <?php } else { ?>
                        <button type="button" class="action-btn" onclick="chuanShowToast('请先登录后再收藏', 'error');">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24"
                                stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.907c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.906a1 1 0 00.95-.69l1.519-4.674z" />
                            </svg>
                            收藏
                        </button>
                        <?php } ?>
                        <?php if($thread_share_on && function_exists('chuan_share_button_html')) echo chuan_share_button_html($thread); ?>
                        <button type="button" class="action-btn chuan-charge-open" data-tid="<?php echo $tid;?>"
                            data-is-author="<?php echo ($uid == $thread['uid'] ? '1' : '0');?>"
                            data-logged="<?php echo ($uid ? '1' : '0');?>">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-amber-500 fill-current"
                                viewBox="0 0 24 24">
                                <path d="M13 10V3L4 14h7v7l9-11h-7z" />
                            </svg>
                            充能
                        </button>
                    </div>

                </div>
            </div>

            <?php if(function_exists('chuan_lottery_card_html')) echo chuan_lottery_card_html($thread); ?>

            <!-- COMMENT EDITOR -->
            <?php if(!empty($thread_no_comment)) { ?>
            <div class="bg-white border-x border-black/5 md:border md:rounded-2xl mt-4 p-5 text-sm text-gray-500">
                作者已关闭此帖评论。
            </div>
            <?php } elseif(!empty($user)) { ?>
            <div class="bg-white border-x border-black/5 md:border md:rounded-2xl mt-4 overflow-visible"
                id="default-reply-form-wrap">
                <div class="p-5">
                    <div class="font-semibold text-[15px] mb-4" id="default-reply-form-title">
                        发表评论
                    </div>
                    <div class="editor-box" id="editor-box-container">
                        <form action="<?php echo url("post-create-$tid-1");?>" method="post" id="quick_reply_form"
                            class="m-0">
                            <input type="hidden" name="doctype" value="1" />
                            <input type="hidden" name="return_html" value="1" />
                            <input type="hidden" name="quotepid" value="0" />

                            <div id="reply-tip"
                                class="px-4 py-2 bg-gray-50 border-b border-black/5 text-xs text-gray-500 d-none justify-content-between align-items-center"
                                style="border-bottom: 1px solid rgba(0,0,0,.04); display: none;">
                                <span>正在回复 <strong id="reply-username" class="text-black font-semibold"></strong></span>
                                <a href="javascript:void(0);" id="reply-cancel"
                                    class="text-red-500 font-bold hover:underline">取消</a>
                            </div>

                            <div class="relative w-full">
                                <textarea rows="4" placeholder="分享你的观点..." name="message" id="message"
                                    class="w-full border-0 outline-none px-5 py-4 text-[14px] text-gray-800 placeholder-gray-400 focus:ring-0 resize-none overflow-hidden"></textarea>
                                <!-- AI Mention Autocomplete Popover -->
                                <div id="ai-mention-popover"
                                    class="absolute left-4 -top-2 -translate-y-full bg-white border border-black/10 rounded-2xl p-2 w-[280px] shadow-xl shadow-black/10 z-[999]"
                                    style="display:none;">
                                    <div
                                        class="text-[10px] font-bold text-gray-400 uppercase tracking-wider px-2 py-1 mb-1 border-b border-black/5">
                                        提及 AI 评论助手</div>
                                    <div class="space-y-1 max-h-[220px] overflow-y-auto chuan-hide-scrollbar"
                                        id="ai-mention-list">
                                        <!-- Dynamic AI items -->
                                    </div>
                                </div>
                            </div>

                            <div class="h-14 border-t border-black/5 flex items-center justify-between px-4">
                                <div class="flex items-center gap-2">
                                    <div class="text-[12px] text-gray-400">
                                        支持 Markdown
                                    </div>
                                </div>
                                <div class="flex items-center gap-3">
                                    <button type="submit" id="submit" data-loading-text="正在提交..."
                                        class="h-9 px-5 rounded-xl bg-black text-white text-sm font-medium">
                                        发布评论
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <?php } else { ?>
            <div
                class="bg-white border-x border-black/5 md:border md:rounded-2xl mt-4 p-5 text-center text-gray-400 text-sm">
                请先 <a href="<?php echo url('user-login'); ?>" class="text-black font-semibold">登录</a> 后发表评论
            </div>
            <?php } ?>

            <!-- COMMENTS LIST -->
            <div class="bg-white border-x border-black/5 md:border md:rounded-2xl mt-4 overflow-hidden">
                <div class="px-5 py-4 border-b border-black/5 flex items-center justify-between">
                    <div class="font-semibold text-[15px]">
                        <span class="posts">
                            <?php echo $thread['posts'];?>
                        </span> 条评论
                    </div>
                    <div class="flex items-center gap-3 text-[13px] text-gray-500">
                        <a class="<?php echo $comment_filter == 'author' ? 'text-black font-bold' : '';?>"
                            href="<?php echo url(" thread-$tid-$page", array('comment_filter'=>'author',
                            'comment_order'=>$comment_order));?>">只看楼主</a>
                        <a class="<?php echo $comment_order == 'desc' ? 'text-black font-bold' : '';?>"
                            href="<?php echo url(" thread-$tid-$page", array('comment_order'=>'desc',
                            'comment_filter'=>$comment_filter));?>">倒序</a>
                    </div>
                </div>

                <!-- POSTS CONTAINER -->
                <div class="divide-y divide-black/[0.04] postlist">
                    <?php if ($login_required_comments && empty($uid)) { ?>
                    <div class="p-8 text-center text-gray-400 text-sm">登录后才能查看评论内容。</div>
                    <?php } elseif (!empty($comment_roots)) { ?>
                    <?php foreach($comment_roots as $_root_pid) chuan_theme_render_comment_tree($_root_pid, $postlist, $comment_children, $allowpost, $allowupdate, $allowdelete); ?>
                    <?php } else { ?>
                    <div class="p-8 text-center text-gray-400 text-sm">暂无任何评论，快来抢沙发吧！</div>
                    <?php } ?>

                    <!-- MOCK ITEM TO INSERT QUICK REPLY AJAX SUCCESS INTO -->
                    <div class="hidden post newpost"></div>
                </div>

                <!-- PAGINATION -->
                <?php if ($pagination) { ?>
                <div class="pagination-wrap border-t border-black/5 py-4 bg-white flex justify-center">

                    <nav>
                        <ul class="pagination mb-0 flex-wrap justify-content-center">
                            <?php echo $pagination; ?>
                        </ul>
                    </nav>
                </div>
                <?php } ?>
            </div>

            <div class="d-none threadlist"><input type="checkbox" name="modtid" value="<?php echo $thread['tid']; ?>"
                    checked /></div>
            <?php include _include(APP_PATH.'view/htm/thread_list_mod.inc.htm');?>

            <a role="button"
                class="h-10 rounded-xl bg-gray-100 hover:bg-gray-200 text-gray-700 text-sm font-semibold flex items-center justify-center w-36 md:w-48 mx-auto mt-6 transition"
                href="javascript:history.back();">
                返回上一页
            </a>

        </section>

        <!-- SIDEBAR -->
        <aside class="hidden xl:block col-span-3">
            <div class="sticky top-8 space-y-4">

                <!-- AUTHOR INFORMATION CARD -->
                <div class="bg-white border-x border-black/5 md:border md:rounded-2xl p-5">
                    <div class="flex items-center gap-3">
                        <a href="<?php echo url(" user-$thread[uid]");?>">
                            <?php echo chuan_theme_avatar_html($thread['uid'], $thread['user_avatar_url'], 'w-14 h-14 rounded-2xl object-cover'); ?>
                        </a>
                        <div>
                            <a href="<?php echo url(" user-$thread[uid]");?>" class="font-semibold text-[14px]
                                text-gray-900 hover:text-black transition truncate block">
                                <?php echo chuan_theme_username_html($thread['uid'], $thread['username']);?>
                            </a>
                            <div class="text-[12px] text-gray-500 mt-1">
                                <?php echo $thread_user_group; ?>
                            </div>
                        </div>
                    </div>

                    <div class="grid grid-cols-3 gap-3 mt-5 text-center">
                        <div>
                            <div class="font-bold text-[15px]">
                                <?php echo $thread_user['threads'];?>
                            </div>
                            <div class="text-[11px] text-gray-400 mt-1">
                                帖子
                            </div>
                        </div>
                        <div>
                            <div class="font-bold text-[15px]">
                                <?php echo $thread_user['posts'];?>
                            </div>
                            <div class="text-[11px] text-gray-400 mt-1">
                                回复
                            </div>
                        </div>
                        <div>
                            <div class="font-bold text-[15px]">
                                <?php echo $thread_user['uid'];?>
                            </div>
                            <div class="text-[11px] text-gray-400 mt-1">
                                UID
                            </div>
                        </div>
                    </div>

                    <?php if(!$thread_no_follow && $uid && $uid != $thread['uid'] && function_exists('chuan_follow_button_html')) { echo chuan_follow_button_html($thread['uid'], 'w-full h-10 rounded-xl bg-black text-white text-sm font-medium mt-5 flex items-center justify-center'); } ?>
                </div>

                <!-- RELATED RECOMMENDATIONS CARD -->
                <?php if (!empty($related_threads)) { ?>
                <div class="bg-white border-x border-black/5 md:border md:rounded-2xl p-5">
                    <div class="card-title mb-4">相关推荐</div>

                    <div>
                        <?php foreach ($related_threads as $_r_thread) { ?>
                        <a href="<?php echo url(" thread-$_r_thread[tid]");?>" class="related-item block">
                            <div class="related-title hover:text-black transition">
                                <?php echo $_r_thread['subject'];?>
                            </div>
                            <div class="related-meta">
                                <?php echo $_r_thread['posts'];?> 回复 ·
                                <?php echo $forum['name'];?>
                            </div>
                        </a>
                        <?php } ?>
                    </div>
                </div>
                <?php } ?>

                <?php if($thread_ad_on && function_exists('chuan_ad_home_html')) echo chuan_ad_home_html(); ?>
                <?php if($thread_sponsor_on && function_exists('chuan_sponsor_home_html')) echo chuan_sponsor_home_html(); ?>

            </div>
        </aside>

    </div>
</main>

<?php include _include(APP_PATH.'view/htm/footer.inc.htm');?>

<!-- quick reply form & message formatting handling -->
<script>
    var jform = $('#quick_reply_form');
    var jsubmit = $('#submit');

    jform.on('submit', function () {
        var quotePid = xn.intval(jform.find('[name="quotepid"]').val());
        jform.reset();
        jsubmit.button('loading');
        var postdata = jform.serialize();
        $.xpost(jform.attr('action'), postdata, function (code, message) {
            if (code == 0) {
                var s = '<ul>' + message + '</ul>';
                var jli = $(s).find('li');

                // Format dynamic injected comment layout
                var avatar = jli.find('.avatar-3').attr('src');
                var username = jli.find('.username a').text();
                var userUrl = jli.find('.username a').attr('href');
                var dateFmt = jli.find('.date').text();
                var floor = jli.find('.floor').text();
                var bodyHtml = jli.find('.message').html();
                var pid = jli.attr('data-pid');
                var uid = jli.attr('data-uid');
                var allowupdate = <?php echo $allowupdate ? 'true' : 'false'; ?>;
                var allowdelete = <?php echo $allowdelete ? 'true' : 'false'; ?>;
                var updateUrl = '<?php echo url("post-update-PID"); ?>'.replace('PID', pid);
                var deleteUrl = '<?php echo url("post-delete-PID"); ?>'.replace('PID', pid);

                var isLogged = <?php echo !empty($uid) ? 'true' : 'false'; ?>;
                var childClass = quotePid > 0 ? 'p-4 rounded-2xl bg-gray-50/60 border border-black/[0.04]' : 'p-5';
                var avatarClass = quotePid > 0 ? 'w-9 h-9' : 'w-10 h-10';
                var newCommentHtml = `
            <div class="comment-item ${childClass} post" data-pid="${pid}" data-uid="${uid}">
                <div class="flex gap-3">
                    <a href="${userUrl}" class="shrink-0">
                        <img src="${avatar}" class="${avatarClass} rounded-xl object-cover" />
                    </a>
                    <div class="flex-1 min-w-0">
                        <div class="flex items-center justify-between gap-3">
                            <div class="flex items-center gap-2">
                                <a href="${userUrl}" class="font-semibold text-[13px] text-gray-900 hover:text-black transition truncate">
                                    ${username}
                                </a>
                                <span class="text-[11px] text-gray-400">(UID: ${uid})</span>
                                <button type="button" data-tid="<?php echo $tid; ?>" data-pid="${pid}" class="text-[11px] text-gray-500 hover:text-black transition post_reply">@ta</button>
                            </div>
                            <span class="text-[11px] text-gray-400">
                                <span class="floor">${floor}</span> 楼
                            </span>
                        </div>
                        <div class="text-[11px] text-gray-400 mt-1">${dateFmt}</div>
                        <div class="comment-content mt-3 break-all message">
                            ${bodyHtml}
                        </div>
                        ${isLogged ? `
                        <div class="flex items-center gap-5 mt-4 text-[12px] text-gray-500">
                            <button type="button" class="chuan-like-btn hover:text-black transition" data-tid="<?php echo $tid; ?>">点赞</button>
                            <button data-tid="<?php echo $tid; ?>" data-pid="${pid}" class="hover:text-black transition post_reply">
                                回复
                            </button>
                            ${allowupdate ? `
                            <a href="${updateUrl}" class="hover:text-black transition post_update">
                                编辑
                            </a>` : ''}
                            ${allowdelete ? `
                            <a data-href="${deleteUrl}" data-confirm-text="确定删除这条回复吗？" href="javascript:void(0);" class="hover:text-red-600 text-red-500 transition post_delete _confirm">
                                删除
                            </a>` : ''}
                        </div>` : ''}
                        <!-- Inline Reply Form Container -->
                        <div class="reply-form-container mt-2"></div>
                    </div>
                </div>
            </div>`;

                var jnewDiv = $(newCommentHtml);
                if (quotePid > 0) {
                    var jparent = $('.post[data-pid="' + quotePid + '"]').first();
                    // Root is the outer Level 1 post
                    var jroot = jparent.closest('.comment-replies').closest('.post');
                    if (!jroot.length) jroot = jparent;

                    var jbody = jroot.children('.flex').children('.flex-1').first();
                    var jreplies = jbody.children('.comment-replies').first();
                    if (jbody.length) {
                        if (!jreplies.length) {
                            jreplies = $('<div class="comment-replies mt-4 ml-2 md:ml-4 pl-3 space-y-3" style="border-left: 2px solid rgba(0,0,0,0.03);"></div>');
                            jbody.append(jreplies);
                        }
                        jreplies.append(jnewDiv);
                    } else {
                        jnewDiv.insertBefore($('.postlist > .post.newpost').last());
                    }
                } else {
                    jnewDiv.insertBefore($('.postlist > .post.newpost').last());
                }
                jsubmit.button('reset');
                $('#message').val('');
                $('#message').attr('placeholder', '分享你的观点...');
                jform.find('[name="quotepid"]').val(0);
                $('#reply-tip').addClass('d-none').hide();
                $('.postlist .post').removeClass('quote');

                // Move form back to default bottom parent container on success
                $('#editor-box-container').append(jform);

                // Increments comments floors & replies count
                var jfloor = $('#newfloor');
                if (jfloor.length) jfloor.html(xn.intval(jfloor.html()) + 1);

                var jposts = $('.posts');
                if (jposts.length) jposts.html(xn.intval(jposts.html()) + 1);

                // Trigger image & table resize
                resize_image();
                resize_table();

                // 触发 AI 队列处理（让 @AI 机器人及时响应新评论）
                $(document).trigger('chuan:post_created');

            } else if (code < 0) {
                $.alert(message);
                jsubmit.button('reset');
            } else {
                jform.find('[name="' + code + '"]').alert(message).focus();
                jsubmit.button('reset');
            }
        });
        return false;
    });

    // Image resizing to match container perfectly
    function resize_image() {
        var jmessagelist = $('div.message');
        var first_width = jmessagelist.width();
        jmessagelist.each(function () {
            var jdiv = $(this);
            var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
            var jmessage_width = Math.min(jdiv.width(), maxwidth);
            jdiv.find('img, embed, iframe, video').each(function () {
                var jimg = $(this);
                var img_width = this.org_width;
                var img_height = this.org_height;
                if (!img_width) {
                    var img_width = jimg.attr('width');
                    var img_height = jimg.attr('height');
                    this.org_width = img_width;
                    this.org_height = img_height;
                }
                if (img_width > jmessage_width) {
                    if (this.tagName == 'IMG') {
                        jimg.width(jmessage_width);
                        jimg.css('height', 'auto');
                        jimg.css('cursor', 'pointer');
                    } else {
                        jimg.width(jmessage_width);
                        var height = (img_height / img_width) * jimg.width();
                        jimg.height(height);
                    }
                }
            });
        });
    }

    // Table styling and responsiveness
    function resize_table() {
        $('div.message').each(function () {
            var jdiv = $(this);
            jdiv.find('table').addClass('table table-striped table-bordered').wrap('<div class="table-responsive"></div>');
        });
    }

    $(function () {
        resize_image();
        resize_table();
        $(window).on('resize', resize_image);
    });

    $(document).on('click', '.chuan-favorite-btn', function () {
        var btn = $(this);
        $.xpost(xn.url('chuanthread-favorite-' + btn.data('tid')), {}, function (code, message, data) {
            chuanShowToast(message, code == 0 ? 'success' : 'error');
            if (code == 0) {
                var favorited = data && data.favorited;
                btn.find('.fav-text').text(favorited ? '已收藏' : '收藏');
                var svg = btn.find('svg');
                if (favorited) {
                    svg.addClass('fill-current text-yellow-500');
                } else {
                    svg.removeClass('fill-current text-yellow-500');
                }
            }
        });
    });

    $(document).on('click', '.chuan-like-btn', function () {
        var btn = $(this);
        $.xpost(xn.url('chuanthread-like-' + btn.data('tid')), {}, function (code, message) {
            chuanShowToast(message, code == 0 ? 'success' : 'error');
            if (code == 0) {
                btn.find('.like-text').text('已点赞');
                var count = btn.find('.like-count');
                if (count.length) count.text((parseInt(count.text(), 10) || 0) + 1);
                else btn.append('<span class="like-count">1</span>');
            }
        });
    });
    $(document).on('click', '.chuan-follow-btn', function () {
        var btn = $(this);
        $.xpost(xn.url('chuanfollow-' + btn.data('uid')), {}, function (code, message, data) {
            chuanShowToast(message, code == 0 ? 'success' : 'error');
            if (code == 0) btn.text(data && data.following ? '已关注' : '关注');
        });
    });

    $(document).on('click', '.chuan-charge-open', function () {
        var btn = $(this);
        var logged = btn.data('logged');
        var isAuthor = btn.data('is-author');
        if (logged == 0) {
            chuanShowToast('请先登录后给帖子充能', 'error');
            return;
        }
        if (isAuthor == 1) {
            chuanShowToast('不能给自己充能哦', 'error');
            return;
        }
        var tid = btn.data('tid');
        var html = '<div class="chuan-ad-modal" style="position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 9999; animation: fadeIn 0.2s ease both;">' +
            '  <div class="chuan-ad-buy-card" style="background: #fff; width: 340px; border-radius: 24px; padding: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.05);">' +
            '    <div class="my-dialog-head" style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 12px;">' +
            '      <strong style="font-size: 16px; color: #111827;">给帖子充能</strong>' +
            '      <button type="button" class="chuan-ad-close" style="background: none; border: none; font-size: 13px; color: #6b7280; font-weight: 500; cursor: pointer;">关闭</button>' +
            '    </div>' +
            '    <form class="chuan-charge-form" data-tid="' + tid + '">' +
            '      <p style="font-size: 12px; color: #6b7280; margin-bottom: 12px; line-height: 1.5; text-align: left;">输入您想赠送给作者的能量数量。充能可以鼓励创作者并提升帖子热度哦！</p>' +
            '      <div style="position: relative; display: flex; align-items: center; margin-bottom: 20px;">' +
            '        <input name="amount" type="number" min="1" value="10" class="w-full h-11 rounded-xl border border-gray-200 px-4 text-sm outline-none focus:border-black transition" style="width: 100%; box-sizing: border-box; height: 44px; border: 1px solid #e5e7eb; border-radius: 12px; font-size: 14px; font-weight: bold; padding: 0 16px;">' +
            '        <span style="position: absolute; right: 16px; font-size: 12px; font-weight: bold; color: #9ca3af;">能量</span>' +
            '      </div>' +
            '      <button class="black-btn w-full mt-3" style="width: 100%; height: 44px; background: #000; color: #fff; border: none; border-radius: 12px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s;">确认充能</button>' +
            '    </form>' +
            '  </div>' +
            '</div>';
        $('body').append(html);
    });

    $(document).on('click', '.chuan-code-copy', function () {
        var btn = $(this);
        var code = btn.closest('.chuan-code-wrap').find('code').first().text();
        function done(ok) {
            if (ok) {
                btn.text('已复制');
                if (typeof chuanShowToast === 'function') chuanShowToast('代码已复制', 'success');
                setTimeout(function () { btn.text('复制'); }, 1200);
            } else {
                if (typeof chuanShowToast === 'function') chuanShowToast('复制失败，请手动选择代码', 'error');
            }
        }
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(code).then(function () { done(true); }).catch(function () { done(false); });
        } else {
            var ta = $('<textarea readonly></textarea>').val(code).css({ position: 'fixed', left: '-9999px', top: '-9999px' }).appendTo('body');
            ta[0].select();
            var ok = false;
            try { ok = document.execCommand('copy'); } catch (e) { }
            ta.remove();
            done(ok);
        }
    });

    $(document).on('click', '.chuan-ad-close', function () {
        $('.chuan-ad-modal').remove();
    });

    $(document).on('click', '.chuan-unlock-charge-btn', function () {
        var btn = $(this);
        var tid = btn.data('tid');
        var price = btn.data('price');
        if (!window.confirm('确定消耗 ' + price + ' 能量解锁此资源下载吗？')) return;
        $.xpost(xn.url('chuanthread-unlockcharge-' + tid), {}, function (code, message) {
            if (code == 0) {
                chuanShowToast('解锁成功，即将刷新页面！', 'success');
                setTimeout(function () { window.location.reload(); }, 800);
            } else {
                chuanShowToast(message, 'error');
            }
        });
    });

    $(document).on('click', '.chuan-ep-btn', function () {
        var btn = $(this);
        var idx = parseInt(btn.data('idx'), 10);
        var playlistId = btn.data('playlist-id');

        var selectorContainer = $('#chuan-playlist-selector-' + playlistId);
        var playerContainer = $('#chuan-player-' + playlistId);

        // Read playlist data
        var playlistScript = $('script.chuan-playlist-data[data-id="' + playlistId + '"]');
        if (!playlistScript.length) return;
        var playlist = [];
        try {
            playlist = JSON.parse(playlistScript.html());
        } catch (e) {
            if (typeof chuanShowToast === 'function') chuanShowToast('播放列表数据异常，请刷新页面后重试', 'error');
            return;
        }
        var ep = playlist[idx];
        if (!ep) return;

        // Update active button styling
        selectorContainer.find('.chuan-ep-btn').removeClass('bg-black text-white border-black').addClass('bg-white border-black/10 text-gray-700 hover:bg-gray-50');
        btn.removeClass('bg-white border-black/10 text-gray-700 hover:bg-gray-50').addClass('bg-black text-white border-black');

        // Update player container HTML
        var playerHtml = '';
        if (ep.type === 'direct') {
            playerHtml = '<video src="' + ep.url + '" controls style="width: 100%; height: 100%; object-fit: contain;" autoplay></video>';
        } else if (ep.type === 'hls') {
            playerHtml = '<video class="chuan-hls-video" data-src="' + ep.url + '" controls style="width: 100%; height: 100%; object-fit: contain;" autoplay></video>';
        } else {
            playerHtml = '<iframe src="' + ep.url + '" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%; height:100%;"></iframe>';
        }

        playerContainer.html(playerHtml);

        // Trigger HLS initialization if applicable
        if (ep.type === 'hls' && typeof window.initDetailHls === 'function') {
            window.initDetailHls();
        }
    });

    $(document).on('submit', '.chuan-charge-form', function () {
        var form = $(this);
        $.xpost(xn.url('chuanthread-charge-' + form.data('tid')), form.serialize(), function (code, message) {
            chuanShowToast(message, code == 0 ? 'success' : 'error');
            if (code == 0) $('.chuan-ad-modal').remove();
        });
        return false;
    });

    // Inline Reply Move and Placeholder Logic
    $(function () {
        $('.postlist').on('click', '.post_reply', function (e) {
            e.stopPropagation();
            e.preventDefault();

            var btn = $(this);
            var pid = btn.data('pid');
            var jli = btn.closest('.post');
            var username = jli.find('.username, .font-semibold').first().text().trim();

            var container = jli.find('.reply-form-container').first();
            var form = $('#quick_reply_form');

            // Set quotepid in the quick reply form
            form.find('input[name="quotepid"]').val(pid);

            // Set placeholder to "回复 @Username："
            var jmessage = $('#message');
            jmessage.attr('placeholder', '回复 @' + username + '：');
            jmessage.val('@' + username + ' ');

            // Show reply tip cancel button
            $('#reply-username').text(username);
            $('#reply-tip').removeClass('d-none').show().css('display', 'flex');

            // Highlight parent comment
            $('.postlist .post').removeClass('quote');
            jli.addClass('quote');

            // Move the form directly under the clicked comment without scroll bounce
            container.append(form);
            jmessage.focus();

            return false;
        });
    });

    $(document).on('click', '#reply-cancel', function () {
        var form = $('#quick_reply_form');
        form.find('input[name="quotepid"]').val(0);
        $('#reply-tip').addClass('d-none').hide();
        $('.postlist .post').removeClass('quote');

        var jmessage = $('#message');
        jmessage.attr('placeholder', '分享你的观点...');
        jmessage.val('');

        // Move form back to default bottom container
        $('#editor-box-container').append(form);
        return false;
    });

    // AI Autocomplete suggestions trigger block
    (function () {
        var activeAIs = <?php echo xn_json_encode($ai_list); ?>;
        if (activeAIs && activeAIs.length > 0) {
            activeAIs.unshift({ name: '所有AI', uid: 0, avatar: 'view/img/logo.png', is_all: true });
        }

        function initAiAutocomplete() {
            var jmsg = $('#message');
            var popover = $('#ai-mention-popover');
            var list = $('#ai-mention-list');
            if (!jmsg.length || !activeAIs || !activeAIs.length) return;

            var activeIndex = 0;
            var currentQuery = '';
            var atIndex = -1;

            jmsg.on('input', function () {
                var val = this.value;
                var cursorPos = this.selectionStart;
                var textBefore = val.substring(0, cursorPos);
                var lastAt = textBefore.lastIndexOf('@');

                if (lastAt !== -1 && (lastAt === 0 || /\s/.test(textBefore.charAt(lastAt - 1)))) {
                    var query = textBefore.substring(lastAt + 1);
                    if (!/\s/.test(query) && query.length < 15) {
                        atIndex = lastAt;
                        currentQuery = query;
                        renderSuggestions(query);
                        return;
                    }
                }
                hidePopover();
            });

            jmsg.on('keydown', function (e) {
                if (!popover.is(':visible')) return;

                var items = list.find('.ai-mention-item');
                if (!items.length) return;

                if (e.which === 40) { // Down
                    e.preventDefault();
                    activeIndex = (activeIndex + 1) % items.length;
                    highlightItem(items);
                } else if (e.which === 38) { // Up
                    e.preventDefault();
                    activeIndex = (activeIndex - 1 + items.length) % items.length;
                    highlightItem(items);
                } else if (e.which === 13) { // Enter
                    e.preventDefault();
                    items.eq(activeIndex).click();
                } else if (e.which === 27) { // Esc
                    e.preventDefault();
                    hidePopover();
                }
            });

            function renderSuggestions(query) {
                var filtered = activeAIs.filter(function (ai) {
                    return ai.name.toLowerCase().indexOf(query.toLowerCase()) !== -1;
                });

                if (!filtered.length) {
                    hidePopover();
                    return;
                }

                list.empty();
                filtered.forEach(function (ai, index) {
                    var btn = $('<button type="button" class="ai-mention-item w-full flex items-center gap-2 px-3 py-2 rounded-xl text-left text-xs font-semibold text-gray-700 hover:bg-black hover:text-white transition cursor-pointer" style="background: transparent; border: none; outline: none;"></button>');
                    btn.attr('data-name', ai.name);

                    var avatar = $('<img class="w-7 h-7 rounded-lg object-cover flex-shrink-0" />').attr('src', ai.avatar);
                    var span = $('<span class="truncate"></span>').text('@' + ai.name);

                    btn.append(avatar).append(span);
                    list.append(btn);

                    btn.on('click', function () {
                        selectAI(ai.name);
                    });
                });

                popover.show();
                activeIndex = 0;
                highlightItem(list.find('.ai-mention-item'));
            }

            function highlightItem(items) {
                items.css({ 'background': 'none', 'color': '#374151' });
                var active = items.eq(activeIndex);
                active.css({ 'background': '#000', 'color': '#fff' });
            }

            function selectAI(name) {
                var val = jmsg.val();
                var textBefore = val.substring(0, atIndex);
                var textAfter = val.substring(jmsg[0].selectionStart);
                var newVal = textBefore + '@' + name + ' ' + textAfter;
                jmsg.val(newVal);

                var newCursorPos = atIndex + name.length + 2;
                jmsg[0].setSelectionRange(newCursorPos, newCursorPos);
                jmsg.focus();
                hidePopover();
            }

            function hidePopover() {
                popover.hide();
            }

            $(document).on('click', function (e) {
                if (!$(e.target).closest('#editor-box-container').length) {
                    hidePopover();
                }
            });
        }

        $(document).ready(initAiAutocomplete);
    })();

    $('li[data-active="fid-<?php echo $fid;?>"]').addClass('active');

    // Image Zoom Preview (Lightbox)
    (function initImageLightbox() {
        $(document).on('click', 'div.message img', function () {
            var src = $(this).attr('src');
            if (!src) return;
            if ($(this).hasClass('verified-badge-img') || $(this).width() < 50) return;
            var overlay = $('<div class="chuan-lightbox-overlay" style="position: fixed; inset: 0; background: rgba(0,0,0,0.85); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; z-index: 10000; cursor: zoom-out; opacity: 0; transition: opacity 0.25s ease;">' +
                '  <img src="' + src + '" style="max-width: 90%; max-height: 90%; object-fit: contain; border-radius: 12px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.55); transform: scale(0.9); transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);" />' +
                '</div>').appendTo('body');
            overlay.each(function () { this.offsetHeight; });
            overlay.css('opacity', '1').find('img').css('transform', 'scale(1)');
            overlay.on('click', function () {
                overlay.css('opacity', '0').find('img').css('transform', 'scale(0.9)');
                setTimeout(function () { overlay.remove(); }, 250);
            });
        });
    })();

    // Paid download validation check
    /*
    $(document).on('click', '.attachlist a', function(e) {
        var href = $(this).attr('href') || '';
        if (href.indexOf('attach-download') === -1) return;
        var aTag = $(this);
        if (aTag.hasClass('bought')) return;
        
        e.preventDefault();
        e.stopPropagation();
        
        $.xpost(href, function(code, message) {
            if (code == 0) {
                aTag.addClass('bought');
                window.open(href, '_blank');
            } else if (code == 2) {
                var price = message.price;
                if (!window.confirm('此附件为付费下载内容，需支付 ' + price + ' 能量购买才能下载，您确认购买吗？')) return;
                $.xpost(href + '&buy=1', function(code2, message2) {
                    if (code2 == 0) {
                        chuanShowToast(message2, 'success');
                        aTag.addClass('bought');
                        setTimeout(function() {
                            window.open(href, '_blank');
                        }, 1000);
                    } else {
                        chuanShowToast(message2, 'error');
                    }
                });
            } else {
                chuanShowToast(message, 'error');
            }
        });
    });
    */

    // Auto Video Link Parser
    function parseVideoLinks() {
        $('div.message').each(function () {
            var jdiv = $(this);
            if (jdiv.data('videos-parsed')) return;
            jdiv.data('videos-parsed', true);

            jdiv.find('a').each(function () {
                var ja = $(this);
                var url = ja.attr('href') || '';

                if (url.match(/\.(mp4|webm|ogg|mov)(\?.*)?$/i)) {
                    var player = $('<div class="chuan-video-wrap my-3" style="width: 100%; max-width: 720px; aspect-ratio: 16/9; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15);">' +
                        '  <video src="' + url + '" controls style="width: 100%; height: 100%; object-fit: contain;"></video>' +
                        '</div>');
                    ja.replaceWith(player);
                }
                else if (url.indexOf('bilibili.com/video/') !== -1) {
                    var bvMatch = url.match(/video\/(BV[a-zA-Z0-9]+)/i);
                    if (bvMatch && bvMatch[1]) {
                        var bvid = bvMatch[1];
                        var player = $('<div class="chuan-video-wrap my-3" style="width: 100%; max-width: 720px; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15);">' +
                            '  <iframe src="//player.bilibili.com/player.html?bvid=' + bvid + '&page=1&high_quality=1&as_wide=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%; height:100%;"></iframe>' +
                            '</div>');
                        ja.replaceWith(player);
                    }
                }
                else if (url.indexOf('youtube.com/watch') !== -1 || url.indexOf('youtu.be/') !== -1) {
                    var ytMatch = url.match(/(?:v=|\/)([a-zA-Z0-9_-]{11})/i);
                    if (ytMatch && ytMatch[1]) {
                        var ytid = ytMatch[1];
                        var player = $('<div class="chuan-video-wrap my-3" style="width: 100%; max-width: 720px; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15);">' +
                            '  <iframe src="https://www.youtube.com/embed/' + ytid + '" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="width:100%; height:100%;"></iframe>' +
                            '</div>');
                        ja.replaceWith(player);
                    }
                }
            });
        });
    }

    $(document).ready(function () {
        parseVideoLinks();
    });
    $(document).on('chuan:post_created', function () {
        setTimeout(function () {
            parseVideoLinks();
        }, 500);
    });

</script>

<?php if($thread['closed'] && ($gid == 0 || $gid > 5)) { ?>
<script>
    $('#message').val('该主题已关闭，暂时无法评论。').attr('readonly', 'readonly');
</script>
<?php } ?>

<!--{hook thread_js.htm}-->

<script>
    (function () {
        var detailHlsInstances = [];

        function initDetailHls() {
            var hlsVideos = $('.chuan-hls-video');
            if (hlsVideos.length === 0) return;

            if (typeof Hls === 'undefined') {
                var script = document.createElement('script');
                script.src = 'https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.4.12/hls.min.js';
                script.onload = function () {
                    hlsVideos.each(function () {
                        var video = this;
                        var url = $(video).data('src');
                        if (!url || /^</.test(String(url))) return;
                        if ($(video).data('hls-ready')) return;
                        $(video).data('hls-ready', 1);
                        if (Hls.isSupported()) {
                            var hls = new Hls();
                            hls.loadSource(url);
                            hls.attachMedia(video);
                            detailHlsInstances.push(hls);
                        } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
                            video.src = url;
                        }
                    });
                };
                document.head.appendChild(script);
            } else {
                hlsVideos.each(function () {
                    var video = this;
                    var url = $(video).data('src');
                    if (!url || /^</.test(String(url))) return;
                    if ($(video).data('hls-ready')) return;
                    $(video).data('hls-ready', 1);
                    if (Hls.isSupported()) {
                        var hls = new Hls();
                        hls.loadSource(url);
                        hls.attachMedia(video);
                        detailHlsInstances.push(hls);
                    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
                        video.src = url;
                    }
                });
            }
        }

        window.initDetailHls = initDetailHls;

        $(function () {
            initDetailHls();
            $(document).on('ajaxSuccess', function () {
                setTimeout(initDetailHls, 300);
            });

            // Dropdown menu toggle for thread moderator actions
            var dropdownBtn = $('#thread-mod-dropdown-btn');
            var dropdownMenu = $('#thread-mod-dropdown-menu');
            if (dropdownBtn.length && dropdownMenu.length) {
                dropdownBtn.on('click', function (e) {
                    e.stopPropagation();
                    dropdownMenu.toggleClass('hidden');
                });
                $(document).on('click', function (e) {
                    if (!$(e.target).closest('#thread-mod-dropdown-container').length) {
                        dropdownMenu.addClass('hidden');
                    }
                });
            }

            // Mod operations via AJAX
            $('.action-thread-mod').on('click', function (e) {
                e.preventDefault();
                var btn = $(this);
                var act = btn.data('act');
                var tid = btn.data('tid');
                var confirmMsg = '';
                if (act == 'top') {
                    confirmMsg = btn.text().trim().indexOf('取消') !== -1 ? '确定取消置顶该帖子吗？' : '确定置顶该帖子吗？';
                } else if (act == 'featured') {
                    confirmMsg = btn.text().trim().indexOf('取消') !== -1 ? '确定取消精选该帖子吗？' : '确定将该帖子设为精选吗？';
                }
                if (confirmMsg && !window.confirm(confirmMsg)) return;
                $.xpost(xn.url('chuanthread-' + act + '-' + tid), {}, function (code, message) {
                    chuanShowToast(message, code == 0 ? 'success' : 'error');
                    if (code == 0) {
                        setTimeout(function () {
                            window.location.reload();
                        }, 500);
                    }
                });
            });
        });
    })();
</script>

<?php return; // Terminate normal thread detail view rendering ?>