<!-- HTML Page -->
<li>
  <a class="btn btn-lg vote-up" data-url="{{ question.url }}">
    <i class="fa fa-thumbs-o-up" id="vote-thumbs-up"></i>
  </a>
</li>
<li>
  <a class="btn btn-lg vote-down" data-url="{{ question.url }}">
    <i class="fa fa-thumbs-o-down" aria-hidden="true" id="vote-thumbs-down"></i>
  </a>
</li>
<!-- HTML Page end -->

<!-- Jquery code block -->
$('.vote-up').one('click', function () {
    var url = $(this).data('url');
    var token = $('meta[name=csrf-token]').attr('content');
    console.log('url ' + url + ' upvote clicked');
    $.post('/discussions/question/up-vote/' + url, {'_token' : token}, function (data) {
        console.log('url ' + url + ' upvoted');
        var parsed = JSON.parse(data);
        $('#vote-thumbs-up').removeClass('fa fa-thumbs-o-up');
        $('#vote-thumbs-up').addClass('fa fa-thumbs-up');
    });
});

$('.vote-down').one('click', function () {
    var url = $(this).data('url');
    var token = $('meta[name=csrf-token]').attr('content');
    console.log('url ' + url + ' downvote clicked');
    $.post('/discussions/question/down-vote/' + url, {'_token' : token}, function (data) {
        console.log('url ' + url + 'downvoted');
        var parsed = JSON.parse(data);
        $('#vote-thumbs-down').removeClass('fa-thumbs-o-down');
        $('#vote-thumbs-down').addClass('fa-thumbs-down');
    });
});