/**
 * Function for removing bad characters from localization formating.
 */
function replaceBadLocaleCharacters() {
  // eslint-disable-next-line
  $.each($('input.attribute_wholesale_price, input.attribute_priceTE, input.attribute_priceTI, input.attribute_unity, input.attribute_weight'), function () {
    $(this).val($(this).val().replace('−', '-')); // replace U+002D with U+2212
  });
}
/**
 * Combination management
 */
window.combinations = (function () {
  /**
   * Remove a combination
   * @param {object} elem - The clicked link
   */
  function remove(elem) {
    const combinationElem = $(`#attribute_${elem.attr('data')}`);

    // eslint-disable-next-line
    window.modalConfirmation.create(translate_javascripts['Are you sure you want to delete this item?'], null, {
      onContinue() {
        // We need this because there is a specific data="smthg" attribute so we can't use data() function
        const attributeId = elem.attr('data');
        $.ajax({
          type: 'DELETE',
          data: {'attribute-ids': [attributeId]},
          url: elem.attr('href'),
          beforeSend() {
            elem.attr('disabled', 'disabled');
            $('#create-combinations, #apply-on-combinations, #submit, .btn-submit').attr('disabled', 'disabled');
          },
          success(response) {
            refreshTotalCombinations(-1, 1);
            combinationElem.remove();
            showSuccessMessage(response.message);
            displayFieldsManager.refresh();
          },
          error(response) {
            showErrorMessage(jQuery.parseJSON(response.responseText).message);
          },
          complete() {
            elem.removeAttr('disabled');
            $('#create-combinations, #apply-on-combinations, #submit, .btn-submit').removeAttr('disabled');
            supplierCombinations.refresh();
            warehouseCombinations.refresh();
            if ($('.js-combinations-list .combination').length <= 0) {
              $('#combinations_thead').fadeOut();
            }
          },
        });
      },
    }).show();
  }

  /**
   * Update final price, regarding the impact on price in combinations table
   * @param {jQuery} tableRow - Table row that contains the combination
   */
  function updateFinalPrice(tableRow) {
    if (!tableRow.is('tr')) {
      throw new Error('Structure of table has changed, this function needs to be updated.');
    }

    // We need this because there is a specific data="smthg" attribute so we can't use data() function
    const attributeId = tableRow.attr('data');

    // Get combination final price value from combination form
    const finalPrice = priceCalculation.getCombinationFinalPriceTaxExcludedById(attributeId);
    const finalPriceLabel = tableRow.find('.attribute-finalprice span.final-price');
    finalPriceLabel.html(finalPrice);

    // Update ecotax preview (tax included)
    let combinationEcotaxTI = priceCalculation.getCombinationEcotaxTaxIncludedById(attributeId);

    if (combinationEcotaxTI === 0) {
      combinationEcotaxTI = priceCalculation.getProductEcotaxTaxIncluded();
    }
    const ecoTaxLabel = tableRow.find('.attribute-finalprice span.attribute-ecotax');
    ecoTaxLabel.html(Number(ps_round(combinationEcotaxTI, 2)).toFixed(2)); // 2 digits for short
    const ecoTaxPreview = tableRow.find('.attribute-finalprice .attribute-ecotax-preview');
    ecoTaxPreview.toggleClass('d-none', Number(combinationEcotaxTI) === 0);
  }

  /**
   * Returns a reference to the form for a specific combination
   * @param {String} attributeId
   * @return {jQuery}
   */
  function getCombinationForm(attributeId) {
    return $(`#combination_form_${attributeId}`);
  }

  /**
   * Returns a reference to the row of a specific combination
   * @param {String} attributeId
   * @return {jQuery}
   */
  function getCombinationRow(attributeId) {
    return $(`#accordion_combinations #attribute_${attributeId}`);
  }

  return {
    init() {
      const showVariationsSelector = '#show_variations_selector input';
      const productTypeSelector = $('#form_step1_type_product');
      const combinationsListSelector = '#accordion_combinations .combination';
      let combinationsList = $(combinationsListSelector);

      if (combinationsList.length > 0) {
        productTypeSelector.prop('disabled', true);
      }

      $(document)
        // delete combination
        .on('click', '#accordion_combinations .delete', function (e) {
          e.preventDefault();
          remove($(this));
        })

        // when typing a new quantity on the form, update it on the row
        .on('keyup', 'input[id^="combination"][id$="_attribute_quantity"]', function () {
          const attributeId = $(this).closest('.combination-form').attr('data');
          const input = getCombinationRow(attributeId).find('.attribute-quantity input');

          input.val($(this).val());
        })

        // when typing a new quantity on the row, update it on the form
        .on('keyup', '.attribute-quantity input', function () {
          const attributeId = $(this).closest('.combination').attr('data');
          const input = getCombinationForm(attributeId).find('input[id^="combination"][id$="_attribute_quantity"]');

          input.val($(this).val());
        })

        .on({
          // when typing a new impact on price on the form, update it on the row
          keyup() {
            const attributeId = $(this).closest('.combination-form').attr('data');
            const input = getCombinationRow(attributeId).find('.attribute-price input');

            input.val($(this).val());
          },
          // when impact on price on the form is changed, update final price
          change() {
            const attributeId = $(this).closest('.combination-form').attr('data');
            const input = getCombinationRow(attributeId).find('.attribute-price input');

            input.val($(this).val());

            updateFinalPrice($(input.parents('tr')[0]));
          },
        }, 'input[id^="combination"][id$="_attribute_price"]')

        .on({
          // when ecotax on the form is changed, update final price
          change() {
            const attributeId = $(this).closest('.combination-form').attr('data');
            const finalPriceLabel = getCombinationRow(attributeId).find('.attribute-finalprice span.final-price');

            updateFinalPrice($(finalPriceLabel.parents('tr')[0]));
          },
        }, 'input[id^="combination"][id$="_attribute_ecotax"]')

        // when price impact is changed on the row, update it on the form
        .on('change', '.attribute-price input', function () {
          const attributeId = $(this).closest('.combination').attr('data');
          const input = getCombinationForm(attributeId).find('input[id^="combination"][id$="_attribute_price"]');

          input.val($(this).val());
          // Trigger keyup to update form final price
          input.trigger('keyup');

          updateFinalPrice($(this).parent().parent().parent());
        })

        // on change default attribute, update which combination is the new default
        .on('click', 'input.attribute-default', function () {
          const selectedCombination = $(this);
          const combinationRadioButtons = $('input.attribute-default');
          const attributeId = $(this).closest('.combination').attr('data');

          combinationRadioButtons.each(function unselect() {
            const combination = $(this);

            if (combination.data('id') !== selectedCombination.data('id')) {
              combination.prop('checked', false);
            }
          });

          $('.attribute_default_checkbox').prop('checked', false);
          getCombinationForm(attributeId)
            .find('input[id^="combination"][id$="_attribute_default"]')
            .prop('checked', true);
        })

        // Combinations fields display management
        .on('change', showVariationsSelector, function () {
          displayFieldsManager.refresh();
          combinationsList = $(combinationsListSelector);

          if ($(this).val() === '0') {
            // if combination(s) exists, alert user for deleting it
            if (combinationsList.length > 0) {
              window.modalConfirmation.create(
                translate_javascripts['Are you sure to disable variations ? they will all be deleted'], null, {
                  onCancel() {
                    $('#show_variations_selector input[value="1"]').prop('checked', true);
                    displayFieldsManager.refresh();
                  },
                  onContinue() {
                    $.ajax({
                      type: 'GET',
                      // eslint-disable-next-line
                      url: $('#accordion_combinations').attr('data-action-delete-all').replace(/\/\d+(?=\?.*)?/, `/${$('#form_id_product').val()}`),
                      success() {
                        combinationsList.remove();
                        displayFieldsManager.refresh();
                      },
                      error(response) {
                        showErrorMessage(jQuery.parseJSON(response.responseText).message);
                      },
                    });
                    // enable the top header selector
                    // we want to use a "Simple product" without any combinations
                    productTypeSelector.prop('disabled', false);
                  },
                }).show();
            } else {
              // enable the top header selector if no combination(s) exists
              productTypeSelector.prop('disabled', false);
            }
          } else {
            // this means we have or we want to have combinations
            // disable the product type selector
            productTypeSelector.prop('disabled', true);
          }
        })

        // open combination form
        .on('click', '#accordion_combinations .btn-open', function (e) {
          e.preventDefault();
          const contentElem = $($(this).attr('href'));

          /** create combinations navigation */
          const navElem = contentElem.find('.nav');
          const idAttribute = contentElem.attr('data');
          const prevCombinationId = $(`#accordion_combinations tr[data="${idAttribute}"]`).prev().attr('data');
          const nextCombinationId = $(`#accordion_combinations tr[data="${idAttribute}"]`).next().attr('data');
          navElem.find('.prev, .next').hide();
          if (prevCombinationId) {
            navElem.find('.prev').attr('data', prevCombinationId).show();
          }
          if (nextCombinationId) {
            navElem.find('.next').attr('data', nextCombinationId).show();
          }

          /** init combination tax include price */
          replaceBadLocaleCharacters();
          priceCalculation.impactTaxInclude(contentElem.find('.attribute_priceTE'));
          priceCalculation.impactFinalPrice(contentElem.find('.attribute_priceTE'));

          contentElem.insertBefore('#form-nav').removeClass('hide').show();

          contentElem.find('.datepicker input[type="text"]').datetimepicker({
            locale: iso_user,
            format: 'YYYY-MM-DD',
          });

          function countSelectedProducts() {
            return $(`#combination_form_${contentElem.attr('data')} .img-highlight`).length;
          }

          const number = $(`#combination_form_${contentElem.attr('data')} .number-of-images`);
          // eslint-disable-next-line
          const allProductCombination = $(`#combination_form_${contentElem.attr('data')} .product-combination-image`).length;

          number.text(`${countSelectedProducts()}/${allProductCombination}`);

          $(document).on('click', '.tabs .product-combination-image', () => {
            number.text(`${countSelectedProducts()}/${allProductCombination}`);
          });

          /** Add title on product's combination image */
          $(() => {
            $(`#combination_form_${contentElem.attr('data')}`).find('img').each(function () {
              title = $(this).attr('src').split('/').pop();
              $(this).attr('title', title);
            });
          });

          $('#form-nav, #form_content').hide();
        })

        // close combination form
        .on('click', '#form .combination-form .btn-back', function (e) {
          e.preventDefault();
          $(this).closest('.combination-form').hide();
          $('#form-nav, #form_content').show();
        })

        // switch combination form
        .on('click', '#form .combination-form .nav a', function (e) {
          e.preventDefault();
          $('.combination-form').hide();
          $(`#accordion_combinations .combination[data="${$(this).attr('data')}"] .btn-open`).click();
        });
    },
  };
}());

BOEvent.on('Product Combinations Management started', () => {
  combinations.init();
}, 'Back office');

/**
 * Refresh bulk actions combination number after creating or deleting combinations
 *
 * @param {number} sign
 * @param {number} number
 */
window.refreshTotalCombinations = function (sign, number) {
  const $bulkCombinationsTotal = $('#js-bulk-combinations-total');
  const currentnumber = parseInt($bulkCombinationsTotal.text(), 10) + (sign * number);
  $bulkCombinationsTotal.text(currentnumber);
};