<ul>
<li>
<a href="#"><img src="assets/templates/positive/css/images/avatar.jpg" alt="" class="avatar" /></a>
<section class="top">
<p><a href="#" class="reply">Reply</a> <span class="right"><a href="[[+url]]">[[+createdon]]</a></span> <a href="#" class="username">[[+authorName]]:</a>[[+approved:if=`[[+approved]]`:is=`1`:then=``:else=`- <em>[[%quip.unapproved? &namespace=`quip` &topic=`default`]]</em>`]]</p>
</section>
<div class="quip-comment-text">
<p>[[+body]]</p>
[[+replyUrl:notempty=`<p><span class="quip-reply-link"><a href="[[+replyUrl]]">[[%quip.reply? &namespace=`quip` &topic=`default`]]</a></span></p>`]]
</div>
<div class="quip-comment-options">
[[+report]]
[[+options]]
</div>
<div></div>
</div>
[[+children:notempty=`<ol class="quip-comment-list">[[+children]]</ol>`]]
</li>
<li>[[+preview]]</li>
</ul>
</section><span class="quip-success" id="quip-success-[[+idprefix]]">[[+successMsg]]</span>
<form action="[[+url]]#quip-comment-preview-box-[[+idprefix]]" method="post" id="comment-form">
<h4>Leave Comment</h4>
<label for="name-field">[[%quip.name? &namespace=`quip` &topic=`default`]]:<span class="quip-error">[[+error.name]]</span></label>
<input type="text" class="field" value="" id="name-field" />
<label for="email-field">[[%quip.email]]:<span class="quip-error">[[+error.email]]</label>
<input type="text" class="field" value="" id="email-field" />
<div class="quip-fld">
<label for="quip-comment-notify-[[+idprefix]]">[[%quip.notify_me]]:<span class="quip-error">[[+error.notify]]</span></label>
<input type="checkbox" value="1" name="notify" id="quip-comment-notify-[[+idprefix]]" [[+notify:if=`[[+notify]]`:eq=`1`:then=`checked="checked"`]] />
<br />
</div>
<label for="message-field">Comment :</label>
<textarea class="field" id="message-field">[[+comment]]</textarea>
<script type="text/javascript">
function showRecaptcha(element) {
Recaptcha.create("your_public_key", element, {
theme: "blackglass",
callback: Recaptcha.focus_response_field});
}
</script>
<button type="submit" name="[[+preview_action]]" value="1">[[%quip.preview]]</button>
[[+can_post:is=`1`:then=`<button type="submit" name="[[+post_action]]" value="1">[[%quip.post]]</button>`]]
</form>
<span class="quip-success" id="quip-success-[[+idprefix]]">[[+successMsg]]</span><section id="comments"> <h4><a href="#" class="reply">Comments</h4> [[!Quip? &thread=`blog-post-[[*id]]` &tplComment=`ViewComment` &threaded=`0`]] </section> [[!QuipReply? &thread=`blog-post-[[*id]]` &recaptcha=`1` &tplAddComment=`AddComment`]]