<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$tkd.title|parseTpl}</title>
    <meta name="keywords" content="{$tkd.keywords|parseTpl}">
    <meta name="description" content="{$tkd.description|parseTpl}">
    <link rel="stylesheet" href="{$kx.config.resurl}/template/kxwebno1/css/global.css"/>
    <link rel="stylesheet" href="{$kx.config.resurl}/template/kxwebno1/css/style.css"/>
    <script src="{$kx.config.resurl}/template/kxwebno1/js/jquery-3.3.1.js"></script>
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
    <meta name="author" content="www.ptcms.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="applicable-device" content="pc">
    <meta http-equiv="mobile-agent" content="format=html5; url={$kx.config.mobileurl}__SELF__">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <link rel="canonical" href="{$kx.config.pcurl}__SELF__" />
</head>
<body>
<!-- 导航栏 -->
{include file="/system/header"}
<!-- 内容 -->
<div class="pt-content">
    <!-- 面包屑 -->
    <div class="pt-crumb">
        <img src="{$kx.config.resurl}/template/kxwebno1/images/crumb_icon.png" class="pt-crumb-icon">
        <span class="color5">
            <a href="{$kx.config.siteurl}" title="{$kx.config.sitename}">{$kx.config.sitename}</a> >
            <a href="{link=booklist.booklist.index}" class="color5">书单</a> >
            <a href="{link=booklist.booklist.detail booklistid=$booklist.id}" class="color5" title="{$booklist.title}">{$booklist.title}</a> >
            <a href="{link=booklist.comment.list booklistid=$booklist.id}">{$booklist.title}评论区</a> > 帖子详情

        </span>
    </div>
    <!-- 章节 -->
    <div class="clearfix" style="width:100%">
        <div class="fl" style="width:950px">
            <div class="pt-chapter">
                <div>
                    <div class="clear">
                        <ul class="commentlist clearfix">
                            <li data-comment-id="{$comment.id}">
                                <div class="fl">
                                    <div class="avatar"><img src="{$comment.user.avatar}" alt="{$comment.user.name}"></div>
                                </div>
                                <div class="fr">
                                    <div class="comment-title">
                                        <div class="comment-name"><b>{$comment.user.name}</b></div>
                                        <div class="comment-time">{$comment.datetime|date="Y-m-d H:i:s"}</div>
                                    </div>
                                    <div class="comment-content">
                                        {$comment.content}
                                    </div>
                                    <div class="comment-btn {$comment.rating|boolval|default='','disable'}">
                                        <div class="comment-btn-up mr30 {=$comment.rating=='good'?'active':''}">
                                            <span class="comment-btn-up-btn"></span>
                                            <span class="number">{$comment.good_num}</span>
                                        </div>
                                        <div class="comment-btn-down {=$comment.rating=='bad'?'active':''}">
                                            <span class="comment-btn-down-btn"></span>
                                            <span class="number">{$comment.bad_num}</span>
                                        </div>
                                        <span class="comment-btn-reply color2">楼主</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="size16 color2 pt-chapter-cont-title">全部评论({$comment.post_num}条)</div>
                        {block method="pagination" name="paginate" page=$page limit=$pageSize count=$comment.post_num maxpage=50 section=3}
                        {block method="comment.replyList" name=replyList commentid=$comment.id num=$paginate.limit page=$paginate.current}
                        <ul class="commentlist clearfix">
                            {section loop=$replyList item=$loop}
                            <li data-post-id="{$loop.id}">
                                <div class="fl">
                                    <div class="avatar"><img src="{$loop.user.avatar}" alt="{$loop.user.name}"></div>
                                </div>
                                <div class="fr">
                                    <div class="comment-title">
                                        <div class="comment-name"><b>{$loop.user.name}</b></div>
                                        <div class="comment-time">{$loop.datetime|date="Y-m-d H:i:s"}</div>
                                    </div>
                                    <div class="comment-content">
                                        {$loop.content}
                                    </div>
                                    <div class="comment-btn">
                                        <span class="comment-btn-reply color2">{=($page-1) * $pageSize + $i.order}楼</span>
                                    </div>
                                </div>
                            </li>
                            {/section}
                        </ul>
                        {if !empty($replyList) && $paginate.total>1}
                        <div class="pt-pages">
                            <div class="pt30 color5">
                                {if $paginate.prev}
                                <a href="{link=post booklistid=$booklist.id commentid=$comment.id page=$paginate.prev}"><span><</span></a>
                                {else}
                                <span class="disable"><</span>
                                {/if}
                                {loop=paginate.items}
                                <a href="{link=post booklistid=$booklist.id commentid=$comment.id page=$loop.num}">
                                    <span class="{$loop.status|default='','pt-pages-select'}">{$loop.num}</span>
                                </a>
                                {/loop}
                                {if $paginate.next}
                                <a href="{link=post booklistid=$booklist.id commentid=$comment.id page=$paginate.next}"><span>></span></a>
                                {else}
                                <span class="disable">></span>
                                {/if}
                            </div>
                        </div>
                        {/if}
                    </div>
                    <form onsubmit="return false;" class="addreply">
                        <textarea></textarea>
                        <button>回复</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="fr" style="width:240px;">
            <div class="fr pt-new-recomment">
                <div class="pt-new-recomment-title">评论区信息</div>
                <div class="pt-new-recomment-list">
                    <div class="mb20 lh100">
                        <span class="color5">书单名称：</span>
                        <span class="color7"><a href="{link=booklist.booklist.detail booklistid=$booklist.id}" class="color2" title="{$booklist.title}">{$booklist.title}</a></span>
                    </div>
                    <div class="mb20 lh100">
                        <span class="color5 ">创建用户：</span>
                        <span class="color7">{=$booklist.user.nickname?:$booklist.user.name}</span>
                    </div>
                    <div class="mb20 lh100">
                        <span class="color5 ">评论数量：</span>
                        <span class="color7">{$booklist.num_comment}</span>
                    </div>
                    <div class="mb20 lh100">
                        <span class="color5 ">收藏数量：</span>
                        <span class="color7">{$booklist.num_mark}</span>
                    </div>
                    <div class="mb20 lh100">
                        <span class="color5 ">推荐数量：</span>
                        <span class="color7">{$booklist.num_vote}</span>
                    </div>
                </div>
            </div>
            <!-- 猜你喜欢 -->
            <div class="fr pt-new-recomment">
                <div class="pt-new-recomment-title">猜你喜欢</div>
                <ul class="pt-new-recomment-list">
                    {block method="novel.list" name=list order=postdate sort=desc num=10}
                    {section loop=$list item=$loop}
                    <li>
                        <span class="color3">[<a title="{$loop.category.name}" href="{link=novel.category.list categoryid=$loop.category.id key=$loop.category.key}">{$loop.category.name}</a>]</span>
                        <a class="color4 pt-text" href="{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.novel.name}">{$loop.novel.name}</a>
                    </li>
                    {/section}
                </ul>
            </div>
            <!-- 周榜、月榜 -->
            <div class="pt-sexselect">
                {block method="rank.info" name=rankinfo key=weekvisit}
                <div class="pt-sexselect-title border-b"><span class="fl pt-sexselect-title-icon"></span>{$rankinfo.name}</div>
                <ul class="pt-sexselect-list">
                    {block method="novel.list" name=list order=$rankinfo.key num=10}
                    {section loop=$list item=$loop}
                    <li>
                        <span class="{=$i.index<3?'bg-red':'bg-ccc'} pt-sexselect-square">{$i.order}</span>
                        <a class="color5" href="{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.novel.name}">{$loop.novel.name}</a>
                        <a title="{$loop.author.name}" class="color3 fr" href="{link=author.space.index authorid=$loop.author.id pinyin=$loop.author.pinyin name=$loop.author.name}">{$loop.author.name}</a>
                    </li>
                    {/section}
                </ul>
            </div>
        </div>
    </div>

</div>
<!-- 底部版权-->
{include file="/system/footer"}

<!-- js -->
<script>
    var __RATING_COMMENT='{link=booklist.comment.rating}',
        __ADD_COMMENT='{link=comment.add}',
        __REPLY_COMMENT='{link=comment.reply}',
        __TYPE='booklist',
        __TYPE_ID='{$booklist.id}',
        __COMMENT_ID='{$comment.id}';
</script>
<script src="{$kx.config.resurl}/template/kxwebno1/js/comment.js"></script>
</body>
</html>