<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>{$tkd.title|parseTPL}</title>
    <meta name="keywords" content="{$tkd.keywords|parseTPL}"/>
    <meta name="description" content="{$tkd.description|parsetpl}"/>
    <link rel="dns-prefetch" href="//m.kuaiyankanshu.net">
    <link rel="dns-prefetch" href="//file.zbgsw.com">
    <link rel="dns-prefetch" href="//www.kuaiyankanshu.net">
    <meta name="applicable-device" content="mobile"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <link rel="stylesheet" type="text/css" href="{$kx.config.resurl}/template/kxmobileno2/css/ptm.min.css"/>
    <link rel="stylesheet" type="text/css" href="{$kx.config.resurl}/template/kxmobileno2/css/skin.min.css"/>
    <link rel="stylesheet" type="text/css" href="{$kx.config.resurl}/template/kxmobileno2/css/font-awesome.min.css"/>
</head>
<body>
<header class="ptm-bar ptm-bar-nav  ptm-fix">
    <a class="ptm-pull-left" href="{$kx.config.mobileurl}">
        <span class="ptm-iconfont fa fa-home" style="font-size:22px;"></span>
    </a>
    <div class="ptm-title">{$novel.name}</div>
    <a class="ptm-pull-right" href="{link=user.index.index}">
        <span class="ptm-iconfont  fa fa-user"></span>
    </a>
</header>
<section class="pt-infopage-more">
    <div class="ptm-card" style="margin-top:55px;">
        <div class="ptm-card-header ptm-clearfix">
            <div class="ptm-pull-left">
                <a rel="nofollow" href="{$url.comment}" class="more">{$novel.name} 评论内容</a>
            </div>
        </div>
        <div class="ptm-card-content" style="font-size: 14px;">
            <ul class="ptm-commentlist ptm-list-view">
                <li class="ptm-list-view-cell ptm-img">
                    <div>
                        <a rel="nofollow" href="#" class="ptm-img-object ptm-pull-left"><img class="ptm-img-object ptm-radius50 avatar" src="{$comment.user.avatar}"></a>
                    </div>
                    <div class="ptm-img-body">
                        <p class="title">
                            <a rel="nofollow" href="#">{$comment.user.name}</a>
                            <span>{$comment.datetime|cntime}</span>
                            <span class="fr">楼主</span>
                        </p>
                        <a class="content ptm-text-cut3" href="{link=novel.comment.post novelid=$novel.id pinyin=$novel.pinyin commentid=$comment.id}">{$comment.content|nl2br}</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="ptm-card" style="margin-top:10px;">
        <div class="ptm-card-content" style="font-size: 14px;">
            <ul class="ptm-commentlist ptm-list-view">
                {block method="pagination" name="paginate" page=$page limit=$pagesize count=$comment.post_num maxpage=50 section=3}
                {block method="comment.replyList" name=commentlist type='novel' commentid=$comment.id num=$paginate.limit page=$paginate.current}
                {if $commentlist}
                {section loop=commentlist item=$loop}
                <li class="ptm-list-view-cell ptm-img">
                    <div>
                        <a rel="nofollow" href="#" class="ptm-img-object ptm-pull-left"><img class="ptm-img-object ptm-radius50 avatar" src="{$loop.user.avatar}"></a>
                    </div>
                    <div class="ptm-img-body">
                        <p class="title">
                            <a rel="nofollow" href="#">{$loop.user.name}</a>
                            <span>{$loop.datetime|cntime}</span>
                            <span>{=($page-1) * $pagesize + $i.order}楼</span>
                        </p>
                        <a class="content ptm-text-cut3" href="{link=novel.comment.post novelid=$novel.id pinyin=$novel.pinyin commentid=$loop.id}">{$loop.content|nl2br}</a>
                    </div>
                </li>
                {/loop}
                {else}
                <li>
                    暂无回复
                </li>
                {/if}
            </ul>
        </div>
        <div class="ptm-card-footer " style="padding:0 10px;height:50px;">
            <div class="pt-dir-page ptm-clearfix">
                <div class="ptm-col-xs-3">
                    {if $paginate.current==1}
                    <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="#">上一页</a>
                    {else}
                    <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="{link=post novelid=$novel.id pinyin=$novel.pinyin page=$paginate.prev}">上一页</a>
                    {/if}
                </div>
                <div class="ptm-col-xs-6" style="padding:0 10px;">
                    <button class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined showdir"><span>第{$paginate.current}页 </span><i class="fa fa-angle-down pt-dir-icon"></i></button>
                </div>
                <div class="ptm-col-xs-3">
                    {if $paginate.current == $paginate.last}
                    <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="#">下一页</a>
                    {else}
                    <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="{link=post novelid=$novel.id pinyin=$novel.pinyin page=$paginate.next}">下一页</a>
                    {/if}
                </div>
            </div>
        </div>
    </div>

    <div class="ptm-card" style="margin-top:10px;">
        <div class="ptm-card-content" style="font-size: 14px;">
            {if IS_LOGIN}
            <form action="{link=novel.comment.reply}" method="post">
                <input type="hidden" name="comment_id" value="{$comment.id}">
                <textarea name="content" class="text" style="font-size: 14px;"></textarea>
                <button class="btn btn-success fr">回复留言</button>
            </form>
            {else}
            <div class="ptm-text-center">请您 <a href="{link=user.public.register}">注册</a> 或 <a href="{link=user.public.login}">登陆</a> 之后再发布评论</div>
            {/if}
        </div>
    </div>
</section>

<div class="sel ptm-hide">
    <div class="ptm-alert-shade"></div>
    <div class="pt-dir-sel" style="background-position: left 50px;">
        <p class="title">请选择页码</p>
        <ul>
            {if !$paginate.prev>1}
            <li><a href="{link=post novelid=$novel.id pinyin=$novel.pinyin page=$paginate.first}">第{$paginate.first}页</a></li>
            {/if}
            {loop=$paginate.items}
            {if $loop.status}
            <li class="active"><a href="__SELF__">第{$paginate.current}页</a></li>
            {else}
            <li><a href="{link=post novelid=$novel.id pinyin=$novel.pinyin page=$loop.num}">第{$loop.num}页</a></li>
            {/if}
            {/loop}
            {if $paginate.current<$paginate.count}
            <li><a href="{link=post novelid=$novel.id pinyin=$novel.pinyin page=$paginate.last}">第{$paginate.last}页</a></li>
            {/if}
        </ul>
    </div>
</div>
{include file="/system/footer"}
</body>
</html>