{% import 'macros/pagination.jinja' as pagination %}

<div id="comment-section" class="comment-section">
    {% for comment in page.items %}
	<div id="comment-{{comment.id}}" class="comment">
	    <section class="comment-meta">
		<div class="author">
		{% if comment.author is eq('') %}
		    Anonymous said:
		{% else %}
		    {{ comment.author }} said:
		{% endif %}
		</div>
		<div class="date">
		    {{ comment.created_at.date().isoformat() }}
		</div>
	    </section>
	    <textarea rows="4" cols="50" disabled="true">
		{{ comment.content }}
	    </textarea>
	    <section class="replies-thread">
		<div class="reply-tag">
			{% if comment.replies %}
		    	<input class="replies-button" type="button" value="Replies" />
			{% endif %}
		    <input class="new-reply-button" type="button" value="New Reply" />
		</div>
		<div id="comment-replies-{{ comment.id }}" class="comment-replies">
		</div>
	    </section>
	</div>
    {% endfor %}
	{{ pagination.render_pagination(page) }}
</div>