jQuery(document).ready(() => {
  const $ = jQuery;

  // Selectors
  const widgetModalSelector = '#js-c7c-add-commerce7-widget-modal';
  const widgetInputsSelector = widgetModalSelector + ' .widget-inputs.-';
  const addWidgetButtonSelector = '#js-c7c-button-add-widget-shortcode';
  const widgetSelectSelector = '#js-c7c-input-widget';

  // Variables
  let selectedWidgetSlug = null;
  let widgetInputs = {};

  const closeAddCommerce7WidgetModal = () => {
    $(widgetModalSelector).hide();
  }

  const handleChangeWidgetInput = () => {
    let shouldEnableButton = true;
    const attributes = c7cWidgets[selectedWidgetSlug]['attributes'];
    for (const key in attributes) {
      if (widgetInputs[`${selectedWidgetSlug}--${key}`] === undefined || widgetInputs[`${selectedWidgetSlug}--${key}`] === '') shouldEnableButton = false;
    }
    if (shouldEnableButton) {
      $(addWidgetButtonSelector).removeClass('button-disabled');
    } else {
      $(addWidgetButtonSelector).addClass('button-disabled');
    }
  }

  // const waitForAcf = setInterval(() => {
  //   if (typeof acf !== 'undefined') {
  //     clearInterval(waitForAcf);
  //     $('.c7c-add-commerce7-widget-button').click(() => {
  //       $(widgetModalSelector).show();
  //       return false;
  //     });
  //   }
  // }, 200);

  $(widgetModalSelector + ' .media-modal-close').click(() => {
    closeAddCommerce7WidgetModal();
    return false;
  });

  $(widgetSelectSelector).change(() => {
    const selectedWidgetSlug_ = $(widgetSelectSelector + ' :selected').val();
    if (selectedWidgetSlug !== selectedWidgetSlug_) {
      $(widgetInputsSelector + selectedWidgetSlug).hide();
    }
    if (selectedWidgetSlug_ && selectedWidgetSlug_ !== '') {
      $(widgetInputsSelector + selectedWidgetSlug_).show();
    }
    selectedWidgetSlug = selectedWidgetSlug_;
    {
      widgetInputs = {};
      const attributes = c7cWidgets[selectedWidgetSlug]['attributes'];
      for (const key in attributes) {
        let initialValue = attributes[key]['default_value'];
        widgetInputs[`${selectedWidgetSlug}--${key}`] = initialValue;
      }
    }
    handleChangeWidgetInput();
    return false;
  });

  {
    for (const widgetSlug in c7cWidgets) {
      const attributes = c7cWidgets[widgetSlug]['attributes'];
      for (const attributeSlug in attributes) {
        {
          const inputSlug = attributeSlug;
          window['c7c_' + attributeSlug + '_handle_input_change'] = (value) => {
            widgetInputs[`${widgetSlug}--${inputSlug}`] = value;
            handleChangeWidgetInput();
          }
        }
      }
    }
  }

  $(addWidgetButtonSelector).click(() => {
    if ($(addWidgetButtonSelector).hasClass('button-disabled')) return;
    let widgetShortcode = '';
    const widgetSlug = selectedWidgetSlug;
    /****/ if (widgetSlug === 'c7connect-personalized-content-block') {
      widgetShortcode = `[${widgetSlug} block-code="${widgetInputs[widgetSlug + '--block-code']}"]`;
    } else if (widgetSlug === 'c7connect-product-collection') {
      widgetShortcode = `[${widgetSlug} collection-slug="${widgetInputs[widgetSlug + '--collection-slug']}" products-per-row-count="${widgetInputs[widgetSlug + '--products-per-row-count']}" should-display-featured-products="${widgetInputs[widgetSlug + '--should-display-featured-products']}" should-display-teaser="${widgetInputs[widgetSlug + '--should-display-teaser']}" should-display-cart="${widgetInputs[widgetSlug + '--should-display-cart']}"]`;
    } else if (widgetSlug === 'c7connect-join-club') {
      widgetShortcode = `[${widgetSlug} club-slug="${widgetInputs[widgetSlug + '--club-slug']}"]`;
    } else if (widgetSlug === 'c7connect-select-and-join-club') {
          widgetShortcode = `[${widgetSlug} clubs="${widgetInputs[widgetSlug + '--clubs'].join(', ')}" join-button-label="${widgetInputs[widgetSlug + '--join-button-label']}"]`;
    } else if (widgetSlug === 'c7connect-commerce7-form') {
      widgetShortcode = `[${widgetSlug} form-code="${widgetInputs[widgetSlug + '--form-code']}"]`;
    } else if (widgetSlug === 'c7connect-reservation-availability') {
      widgetShortcode = `[${widgetSlug} reservation-type-slug="${widgetInputs[widgetSlug + '--reservation-type-slug']}"]`;
    } else if (widgetSlug === 'c7connect-subscribe-form') {
      widgetShortcode = `[${widgetSlug} should-ask-for-full-name="${widgetInputs[widgetSlug + '--should-ask-for-full-name']}"]`;
    } else if (widgetSlug === 'c7connect-buy-product') {
      widgetShortcode = `[${widgetSlug} product-slug="${widgetInputs[widgetSlug + '--product-slug']}"]`;
    } else if (widgetSlug === 'c7connect-trade-assets') {
      widgetShortcode = `[${widgetSlug}]`;
    } else if (widgetSlug === 'c7connect-favorite-products') {
      widgetShortcode = `[${widgetSlug}]`;
    } else if (widgetSlug === 'c7connect-personalization') {
      widgetShortcode = `[${widgetSlug} name="${widgetInputs[widgetSlug + '--name']}"]`;
    }
    send_to_editor(widgetShortcode);
    closeAddCommerce7WidgetModal();
    $(widgetInputsSelector + selectedWidgetSlug).hide();
    document.querySelector(widgetModalSelector + ' .widget-modal-content').reset();
    $(addWidgetButtonSelector).addClass('button-disabled');
    widgetInputs = {};
    selectedWidgetSlug = null;
    return false;
  });
});