{{if list }}
<div class="righttitle"><i class="reply_num">{{list.replys}}</i> Reply</div>
<!--reply start-->
<form style="padding-top: 10px;">
    <div class="reply-box">
        <div class="reply-input">
            <textarea name="textarea" id="post_reply" cols="45" rows="3" class="postedtext" maxlength="1024" placeholder="Write a comment"></textarea>
        </div>
        <div class="reply-btn"><a class="mcbtn mcbtn-solid" id="post_reply_submit" data-id="{{post_id}}">Post</a> </div>
    </div>
</form>
<hr/>
{{each list item i}}
<div class="hellobox btn-zero comment-detail-item" data-commentid="{{item.id}}" data-postid="{{item.post_id}}">
    <div class="perhead">
        {{if (item.image && item.scientist_status == 'ACTIVE')}}
        <img onerror="default_avatar(this);" src="{{item.image?('/'!=item.image[0]?'/'+item.image:item.image):'/avatar/'+item.uid}}" width="28" height="28" class="floatL imghead">
        {{else}}
        <img onerror="default_avatar(this);" src="{{'/avatar/'+item.uid}}" width="24" height="24" class="floatL">
        {{/if}}
        <div class="floatL">
            {{if (item.image && item.scientist_status == 'ACTIVE')}}
            <label class="per-name per-name1"><a href="/s/{{item.scientist_link}}" class="hb font14">{{ item.scientist_name }}</a></label>
            {{else}}
            <label class="per-name per-name1"><a href="/s/{{item.uid}}" class="hb font14">{{ (item.first_name + ' ' + item.last_name) }}</a></label>
            {{/if}}
        </div>
        <ul class="comment-sc comment-scR">
            <li><a class="sc"><span>{{item.create_date | moment_format 'hh:mm:ss MM/DD/YYYY'}}</span></a></li>
        </ul>
    </div>
    <p class="post-comment">{{@item.content}}</p>
    <div class="comment" data-commentid="{{item.id}}" data-postid="{{item.post_id}}">
        <ul class="comment-sc">
            <li>
                <a href="/" class="icon iconfont iconzan {{if my_liked_comments.indexOf(item.id)>=0}}liked{{/if}} sc font16">
                    {{if item.likes > 0 }}
                    <span class="like_text"><i class="like_num">{{item.likes}}</i></span>
                    {{/if}}
                </a>
            </li>
            <li><a href="javascript:;" class="icon iconfont iconreply1 sc" onclick="$(this).parents('.comment-detail-item').find('.comment-reply').toggle();"><span>Reply</span></a></li>
        </ul>
    </div>
    <!--reply start-->
    <form class="comment-reply" style="display: none;">
        <div class="reply-box" data-commentid="{{item.id}}" data-postid="{{item.post_id}}">
            <div class="reply-input">
                <textarea name="textarea" cols="45" rows="3" class="postedtext" maxlength="1024" placeholder="Write a comment"></textarea>
            </div>
            <div class="reply-btn"><a class="mcbtn mcbtn-solid comment_reply">Post</a> </div>
        </div>
    </form>
    <!--reply end-->
    <hr>
    {{if item.reply_list }}
    <!--reply start 2-->
    <div class="reply-gray">
        {{each item.reply_list reply j}}
        {{if j<2 }}
        <!--reply sub-->
        <div class="reply-graybox">
            <div class="perhead">
                <img onerror="default_avatar(this);" src="{{reply.avatar}}" width="28" height="28" class="floatL imghead">
                <div class="floatL">
                    <label class="per-name per-name1"><a href="{{reply.url}}" class="hb font14">{{reply.name}}</a></label>
                    reply
                    <label class="per-name per-name1"><a href="{{reply.parent_url}}" class="hb font14">{{reply.parent_name}}</a></label>
                </div>
                <ul class="comment-sc comment-scR">
                    <li><a class="sc"><span>{{reply.create_date | moment_format 'hh:mm:ss MM/DD/YYYY'}}</span></a></li>
                </ul>
            </div>
            <p class="post-comment">{{@reply.content}}</p>
            <div class="comment" data-commentid="{{reply.id}}" data-postid="{{reply.post_id}}">
                <ul class="comment-sc">
                    <li>
                        <a href="/" class="icon iconfont iconzan {{if my_liked_comments.indexOf(reply.id)>=0}}liked{{/if}} sc font16">
                            {{if reply.likes > 0 }}
                            <span class="like_text"><i class="like_num">{{reply.likes}}</i></span>
                            {{/if}}
                        </a>
                    </li>
                    <li><a href="javascript:;" class="icon iconfont iconreply1 sc" onclick="$(this).parents('.reply-graybox').find('.comment-reply').toggle();"><span>Reply</span></a></li>
                </ul>
            </div>
            <!--reply start-->
            <form class="comment-reply" style="display: none;">
                <div class="reply-box" data-commentid="{{reply.id}}" data-postid="{{reply.post_id}}">
                    <div class="reply-input">
                        <textarea name="textarea" cols="45" rows="3" class="postedtext" maxlength="1024" placeholder="Write a comment"></textarea>
                    </div>
                    <div class="reply-btn"><a class="mcbtn mcbtn-solid comment_reply">Post</a> </div>
                </div>
            </form>
            <!--reply end-->
        </div>
        <!--reply sub end-->
        {{/if}}
        {{/each}}
        {{if item.reply_list.length>2 }}
        <a href="javascript:;" class="morelink" style="color:#7d8aa5">View more replies {{item.reply_list.length-2}} Replies</a>
        <div class="morelinkdown more">
            {{each item.reply_list reply j}}
            {{if j>1 }}
            <!--reply sub-->
            <div class="reply-graybox">
                <div class="perhead">
                    <img onerror="default_avatar(this);" src="{{reply.avatar}}" width="28" height="28" class="floatL imghead">
                    <div class="floatL">
                        <label class="per-name per-name1"><a href="{{reply.url}}" class="hb font14">{{reply.name}}</a></label>
                        reply
                        <label class="per-name per-name1"><a href="{{reply.parent_url}}" class="hb font14">{{reply.parent_name}}</a></label>
                    </div>
                    <ul class="comment-sc comment-scR">
                        <li><a class="sc"><span>{{reply.create_date | moment_format 'hh:mm:ss MM/DD/YYYY'}}</span></a></li>
                    </ul>
                </div>
                <p class="post-comment">{{@reply.content}}</p>
                <div class="comment" data-commentid="{{reply.id}}" data-postid="{{reply.post_id}}">
                    <ul class="comment-sc">
                        <li>
                            <a href="/" class="icon iconfont iconzan {{if my_liked_comments.indexOf(reply.id)>=0}}liked{{/if}} sc font16">
                                {{if reply.likes > 0 }}
                                <span class="like_text"><i class="like_num">{{reply.likes}}</i></span>
                                {{/if}}
                            </a>
                        </li>
                        <li><a href="javascript:;" class="icon iconfont iconreply1 sc" onclick="$(this).parents('.reply-graybox').find('.comment-reply').toggle();"><span>Reply</span></a></li>
                    </ul>
                </div>
                <!--reply start-->
                <form class="comment-reply" style="display: none;">
                    <div class="reply-box" data-commentid="{{reply.id}}" data-postid="{{reply.post_id}}">
                        <div class="reply-input">
                            <textarea name="textarea" cols="45" rows="3" class="postedtext" maxlength="1024" placeholder="Write a comment"></textarea>
                        </div>
                        <div class="reply-btn"><a class="mcbtn mcbtn-solid comment_reply">Post</a> </div>
                    </div>
                </form>
                <!--reply end-->
            </div>
            <!--reply sub end-->
            {{/if}}
            {{/each}}
        </div>
        {{/if}}
    </div>
    <!--reply end 2-->
    {{/if}}
</div>
{{/each}}
{{/if}}