import './bootstrap';
import './star_rating';
import './theme-switcher';

import $ from 'jquery';
import Lightbox from "bs5-lightbox";

import './OwlCarousel2-2.3.4/dist/owl.carousel';

$('.show-slider').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    items: 7
});

$('.similar-show-slider').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    items: 7
});

const options = {
    keyboard: true,
    size: 'fullscreen'
};

document.querySelectorAll('.lightbox-toggle').forEach((el) => el.addEventListener('click', (e) => {
    e.preventDefault();
    const lightbox = new Lightbox(el, options);
    lightbox.show();
}));

$(".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-action').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-action').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;
});

$('.remove-from-watchlist').on('click', function(e){
    e.preventDefault();
    let url = '/lists/watched/' + $(this).data('id') + '/' + $(this).data('type');
    var self = this
    $.ajax({
        url: url,
        method: 'GET',
        success: function(data){
            if(!data.added) {
                $(self).closest('.large-list-item').remove();
            }

        }
    });
    return false;
});

$('.list-action').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){
            // Show a success message
            alert('Movie ' + (data.added ? 'added to' : 'removed from') + ' list');
        }
    });
    return false;
});