<div class="blog-comment {{comment.comment_type}}" id="blog-comment-{{comment.ID}}">
	<header class="clearfix comment_header">
		<div class="comment_user-img"><img class="img--circle" src="{{comment.avatar(50)}}" /></div>
		<div class="comment_user-info">
			<span class="h6 comment-author">{{comment.author.name}}</span>
			<span class="timedate">{{ post.published_at|date("F jS, Y \\a\\t g:i a") }}</span>
		</div>
	</header>
	<div class="comment-content comment_body">{{comment.comment_content|wpautop|safe}}</div>
	
	<div class="reply"><button id="reply_btn" class="btn btn--radius btn--transparent btn--xs"> Reply </button>
	</div>
	
	<section class="comment-box">
		<!-- comment form -->
		{% include "comment-form.twig" %}
		<!-- child comments -->
		{% if post.comments %}
			
			<div class="comments">
				{% for cmt in comment.children %}
					{% if cmt.approved %}
					{% include "comment.twig" with {comment:cmt} %}
					{% endif %}
				{% endfor %}
			</div>
		{% endif %}

		
	</section>
</div>
