{% if post.commentEnabled == 'open' %}
<div id="cms-comment-mesage-{{ post.id }}" class="cms-comment-mesage" style="display:none;"></div>
<form action="{{ path('cms_ajax_comment', hash({'post': post.id})) }}" id="cms-comment-form-{{ post.id }}">

    <span class="row form-horizontal">
    {{ form_widget(form) }}
    </span>

    <div class="centered clearfix">
        <hr />
        <input type="submit" name="validate" class="btn btn-primary btn-large" />
    </div>
</form>
<script>
    $('#cms-comment-form-{{ post.id }}').submit(function(e) {
        e.preventDefault();
        _href = $(this).attr('action');
        _data = $( this ).serialize();
        $.ajax({type: 'POST', url: _href, data: _data, dataType: 'json',
            success: function(data) {
                if (data.success == true) {
                    $('#cms-comment-mesage-{{ post.id }}').text("{% trans %}Your comment had been posted.{% endtrans %}").show('slow');
                } else if (data.values.error == 'authentication') {
                    alert("{% trans %}Authentication required.{% endtrans %}");
                } else if (data.values.error == 'authentication') {
                    alert("{% trans %}Post not available.{% endtrans %}");
                }
            }, error: function(data, textStatus, jqXHR) {
                alert("{% trans %}An error has occured.{% endtrans %}");
            }
        });
    });
</script>
{% endif %}