(function ($) {

  const wdtAdvancedToggleWidgetHandler = function($scope, $) {

    $toggle_button = $scope.find('.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle');
    $toggle_section = $scope.find('.wdt-advanced-toggle-section .wdt-advanced-toggle-right-section');
    $toggle_section.hide();
    
    $toggle_button.each(function() {
      var scope_val  = $scope;
      var toggle_div = $(this);

      $toggle_left_section = scope_val.find('.wdt-advanced-toggle-section .wdt-advanced-toggle-left-section');
      $toggle_right_section = scope_val.find('.wdt-advanced-toggle-section .wdt-advanced-toggle-right-section');
      
      $toggle_left_section.addClass('wdt-active-toggle');

      toggle_div.click(function() {

        if( toggle_div.is(":checked") == true ) {
          $toggle_left_section.hide();
          $toggle_right_section.show();

          $toggle_right_section.addClass('wdt-active-toggle');
          $toggle_left_section.removeClass('wdt-active-toggle');
        } else {
          $toggle_left_section.show();
          $toggle_right_section.hide();

          $toggle_left_section.addClass('wdt-active-toggle');
          $toggle_right_section.removeClass('wdt-active-toggle');
        }

      });

    });
    
  };

  $(window).on('elementor/frontend/init', function () {
		elementorFrontend.hooks.addAction('frontend/element_ready/wdt-advanced-toggle.default', wdtAdvancedToggleWidgetHandler);
  });

})(jQuery);
