{% if post.voteEnabled == 1 %}
<div id="cms-vote-widget-{{ post.id }}" class="cms-vote-widget">
    <span id="cms-vote-counter-{{ post.id }}" class="cms-vote-counter">{{ post.voteCount }}</span>
    <a href="{{ path('cms_ajax_vote_post', hash({'post': post.id , 'value': 1})) }}" id="cms-vote-button-{{ post.id }}">
        <span id="cms-vote-tick-{{ post.id }}">
            {% if alreadyVoted %}&#10006;{% else %}&#10004;{% endif %}
        </span>
        <span id="cms-vote-text-{{ post.id }}">
            {% if alreadyVoted %}{% trans %}cms.button.unvote{% endtrans %}{% else %}{% trans %}cms.button.vote{% endtrans %}{% endif %}
        </span>
    </a>
</div>
<script>
    $('#cms-vote-button-{{ post.id }}').click(function(e) {
        e.preventDefault();
        _href = $(this).attr('href');
        $.ajax({type: 'GET', url: _href, dataType: 'json',
            success: function(data) {
                if (data.success == true) {
                    $('#cms-vote-counter-{{ post.id }}').text(data.values.voteCount);
                    if (data.values.action == "voted") {
                        $('#cms-vote-tick-{{ post.id }}').html('&#10006;');
                        $('#cms-vote-text-{{ post.id }}').html("{% trans %}cms.button.unvote{% endtrans %}");
                    } else {
                        $('#cms-vote-tick-{{ post.id }}').html('&#10004;');
                        $('#cms-vote-text-{{ post.id }}').html("{% trans %}cms.button.vote{% endtrans %}");
                    }
                } 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 %}