$(document).ready(function() {
  var $hp_reservations_slider = $('.reservation-lists')
  var hp_reservations_settings = {
    slidesToShow: 4,
    slidesToScroll: 4,
    speed: 300,
    responsive: [
     {
       breakpoint: 99999,
       settings: "unslick"
     },
     {
       breakpoint: 992,
       settings: {
         infinite: true,
         slidesToShow: 1,
         slidesToScroll: 1,
         variableWidth: true
       }        
     }      
   ]          
 };

  // Init Slider
  $hp_reservations_slider.slick(hp_reservations_settings);

  // Reslick only if it's not slick()
  $(window).on('resize', function() {
    if (!$hp_reservations_slider.hasClass('slick-initialized')) {
      return $hp_reservations_slider.slick(hp_reservations_settings);
    }
  });


  var $past_workshop_slider = $('.mc-workshop-carousel')
   var past_workshop_settings = {
     slidesToShow: 4,
     slidesToScroll: 4,
     speed: 300,
     responsive: [
      {
        breakpoint: 99999,
        settings: "unslick"
      },
      {
        breakpoint: 992,
        settings: {
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          variableWidth: true
        }        
      }      
    ]          
  };
 
   // Init Slider
   $past_workshop_slider.slick(past_workshop_settings);
 
   // Reslick only if it's not slick()
   $(window).on('resize', function() {
     if (!$past_workshop_slider.hasClass('slick-initialized')) {
       return $past_workshop_slider.slick(past_workshop_settings);
     }
   });




  // CAROUSEL
  // $('.mc-workshop-carousel').slick({
  //   // dots: true,
  //   infinite: false,
  //   speed: 300,
  //   slidesToShow: 3,
  //   slidesToScroll: 3,
  //   responsive: [    
  //   {
  //     breakpoint: 991,
  //     settings: {
  //       slidesToShow: 1,
  //       slidesToScroll: 1,
  //       variableWidth: true
  //     }
  //   }
  //   // You can unslick at a given breakpoint now by adding:
  //   // settings: "unslick"
  //   // instead of a settings object
  //   ]  
  // });
  
  $('.venue-img').slick({
    infinite: false,
    speed: 300,
    slidesToShow: 2,
    slidesToScroll: 2,
    responsive: [
      {
        breakpoint: 540,
        settings: {
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          variableWidth: true
        }
      }
    ]
  });
  // Comments Slider
  var $comments_slider = $('.comment-lists')
  var comments_slider_settings = {
    slidesToShow: 1,
    speed: 300,
    responsive: [
      {
        breakpoint: 99999,
        settings: "unslick"
      },{
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          variableWidth: true
        }
      }
    ]          
  };

  // Init Slider
  $comments_slider.slick(comments_slider_settings).on("setPosition", function () {
    resizeSlider();
  });

  // Reslick only if it's not slick()
  $(window).on('resize', function() {
    if (!$comments_slider.hasClass('slick-initialized')) {
      return $comments_slider.slick(comments_slider_settings)
    }
  });

  
function resizeSlider() {
  // var slickHeight = $(".comment-lists .card-body").innerHeight();

  $(".comment-lists .slick-track").css("display","flex");
  $(".comment-lists .slick-track .slick-slide").css("height","auto");
    // .css("height", slickHeight + "px");
}


   // AUTHORS WORK
   var $authors_work_slider = $('.author-works-carousel')
   var authors_work_settings = {
     slidesToShow: 4,
     slidesToScroll: 4,
     speed: 300,
     responsive: [
      {
        breakpoint: 99999,
        settings: "unslick"
      },
      {
        breakpoint: 1200,
        settings: {
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          variableWidth: true
        }        
      }
      // {
      //   breakpoint: 425,
      //   settings: {
      //     infinite: true,
      //     slidesToShow: 2,
      //     slidesToScroll: 2
      //   }
      // }
    ]          
  };
 
   // Init Slider
   $authors_work_slider.slick(authors_work_settings);
 
   // Reslick only if it's not slick()
   $(window).on('resize', function() {
     if (!$authors_work_slider.hasClass('slick-initialized')) {
       return $authors_work_slider.slick(authors_work_settings);
     }
   });

  //  END OF AUTHORS WORK

  $('.check-login-box').hide();
  $('.show-prompt-login-reserver').click(function() {
    $('.check-login-box').show();
  });
  $('.close_btn_login_box').click(function() {
    $('.check-login-box').hide();
  });

  // var $this = $('.video-part-lists');
  // if ($this.find('div').length > 2) {
  //     $('.show-more').css('display', 'block');
  // }
  // $('.video-part-lists .video-part-item').slice(0,3).addClass('shown');
  // $('.video-part-lists .video-part-item').not('.shown').css('display', 'none');
  // $('button.show-more').on('click',function(){
  //   $('.video-part-lists .video-part-item').not('.shown').css('display', 'block');
  // });
  
  // If more than 2 Education items, hide the remaining
	

  // UI mobile workshop info sliding pop
  $( ".toggleSliderWorkshopBox" ).click(function() {
    $('.mobile-workshop-details').toggleClass('active');
  });

  // $('.ep-control-btn button').on('click', function() {
  //   var id = $(this).attr('data-ep-num')
  //   var duration = 10000;
  //   $(this).toggleClass('play-btn');
   
  //   if($(this).hasClass('play-btn')){
  //     $(this).text("Repremande");       
  //       $('.video-progress-bar'+ '[data-vid-num='+ id + ']' ).animate({
  //         width: '100%'
  //     }, duration, function() {
  //       $('.video-progress-bar'+ '[data-vid-num='+ id + ']').css('background-color', 'white');
  //       $('.ep-control-btn button' + '[data-ep-num='+ id + ']').html('<span class="mr-1"><svg width="10" height="10" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9372 0L16.4004 1.47977L6.20039 12.75L0.000391006 6.47977L1.46359 5L6.20039 9.81553L14.9372 0Z" fill="#FCFCFD"/></svg></span><span>Vue</span>')
  //     });
  //   } 

  //   if(!$(this).hasClass('play-btn')) {
  //     $(this).text("Lire a video");
  //     $('.video-progress-bar'+ '[data-vid-num='+ id + ']').stop();
  //   }
  // });

  var color = $('#title-atelier1 span').css("color");
  $('.mc-moment-text').css('color',color)
  $('.mc-workshop-link').css('color',color)

  $('.mc-workshop-link svg path').css('fill',color)

  $('.soir-card-block').hide();
  $("#soir-distance").click(function() {
    $('#mobile-soir-distance').prop('checked', true)
    $('.form-check-label.soir-distance').addClass('active');
    $('.form-check-label.soir-presentiel').removeClass('active');    
    $('.soir-card-block').show();
    $('.p-location').hide();
    $('.d-location').show();
    $('.mc-btn-group').removeClass('b-top');
    $('#workshopDetailedBox .modal-footer').addClass('shadow-top');
  });
  $("#soir-presentiel").click(function() {
    $('#mobile-soir-presentiel').prop('checked', true)
    $('.form-check-label.soir-presentiel').addClass('active');
    $('.form-check-label.soir-distance').removeClass('active');
    $('.soir-card-block').show();
    $('.p-location').show();
    $('.d-location').hide();
    $('.mc-btn-group').removeClass('b-top');
    $('#workshopDetailedBox .modal-footer').addClass('shadow-top');
  });
  $("#mobile-soir-distance").click(function() {
    $('#soir-distance').prop('checked', true)
    $('.form-check-label.soir-distance').addClass('active');
    $('.form-check-label.soir-presentiel').removeClass('active');    
    $('.soir-card-block').show();
    $('.p-location').hide();
    $('.d-location').show();
    $('.mc-btn-group').removeClass('b-top');
    $('#workshopDetailedBox .modal-footer').addClass('shadow-top');
  });
  $("#mobile-soir-presentiel").click(function() {
    $('#soir-presentiel').prop('checked', true)
    $('.form-check-label.soir-presentiel').addClass('active');
    $('.form-check-label.soir-distance').removeClass('active');
    $('.soir-card-block').show();
    $('.p-location').show();
    $('.d-location').hide();
    $('.mc-btn-group').removeClass('b-top');
    $('#workshopDetailedBox .modal-footer').addClass('shadow-top');
  });
});