{% load i18n %}
{% load threadedcommentstags %}

<script type="text/javascript">
    function showReply(comment_id) {
        YAHOO.util.Dom.setStyle('replyForm' + comment_id, 'display', 'block');
        YAHOO.util.Dom.setStyle('replyLink' + comment_id, 'display', 'none');
    }

    function hideReply(comment_id) {
        YAHOO.util.Dom.setStyle('replyForm' + comment_id, 'display', 'none');
        YAHOO.util.Dom.setStyle('replyLink' + comment_id, 'display', 'block');
    }
</script>

{% if comments %}
    {% for comment in comments %}
        <div style="margin-left: {{ comment.depth }}em;" class="comment{% if not comment.is_public %} private{% endif %}">
            <span class="commenter">{{ comment.user }} said:</span>
            <div class="comment-body">{% auto_transform_markup comment %}</div>
			<p style="display:none;" id="replyLink{{comment.id}}">
				<a href="javascript:showReply('{{comment.id}}');">{% trans "Reply to this comment" %}</a>
			</p>
			<div id="replyForm{{comment.id}}" class="commentReplyForm">
				<script type="text/javascript">hideReply('{{comment.id}}');</script>
				<form method="post" action="{% url influences_influence_comment_parent object.id,comment.id %}">
					<p><a href="javascript:hideReply('{{comment.id}}');">{% trans "Cancel reply" %}</a></p>
                    {{ comment.reply_form.comment.label_tag }}
                    {{ comment.reply_form.comment }}<br/>
					{{ comment.reply_form.is_public }}
					{{ comment.reply_form.is_public.label_tag }}
					<div>
                    <input type="hidden" name="next" value="{{ request.path }}" />
                    <input type="submit" value="{% trans "Reply to this comment" %}" />
                    <input type="submit" name="preview" value="{% trans "Preview" %}" />
                    </div>
				</form>
			</div>
        </div>
    {% endfor %}
{% else %}
    {% trans "No comments were added yet" %}
{% endif %}

<p style="display:none;" id="replyLink"><a href="javascript:showReply('')">Add comment</a></p>
<div id="replyForm">
<script type="text/javascript">hideReply('')</script>
<h3>{% trans "Add comment" %}</h3>
<form method="post" action="{% url influences_influence_comment object.id %}">
	<p><a href="javascript:hideReply('')">Cancel comment</a></p>
    {{ comment_form.comment.label_tag }}
    {{ comment_form.comment }}<br/>
    {{ comment_form.is_public }}
    {{ comment_form.is_public.label_tag }}
    <div>
    <input type="hidden" name="next" value="{{ request.path }}" />
    <input type="submit" value="{% trans "Add comment" %}" />
    <input type="submit" name="preview" value="{% trans "Preview" %}" />
    </div>
</form>
</div>