import './bootstrap';
import './star_rating';

import $ from 'jquery';

$(".my-rating").starRating({
    starSize: 20,
    totalStars: 10,
    callback: function(currentRating, $el){
        let type = $($el[0]).data('type');
        let id = $($el[0]).data('id');

        let url = '/rate/'+type+'/'+id+'/'+currentRating;

        var self = this

        $.ajax({
            url: url,
            method: 'GET',
            success: function(data){
                $(self).attr('data-rating', currentRating)
            }
        });
    }
});

$('.mark-as-seen-btn').on('click', function (e) {
   e.preventDefault();
   let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
   var self = this
   $.ajax({
      url: url,
      method: 'GET',
      success: function(data){
          if(data.added) {
              $(self).addClass('seen');
          } else {
              $(self).removeClass('seen');
          }

      }
   });
   return false;
});

$('.like-btn').on('click', function (e) {
    e.preventDefault();
    let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
    var self = this
    $.ajax({
        url: url,
        method: 'GET',
        success: function(data){
            if(data.added) {
                $(self).addClass('liked');
            } else {
                $(self).removeClass('liked');
            }
        }
    });
    return false;
});