/**
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

import SelectorsMap from '@constants/selectors-map';
import useAlert from './useAlert';

const handleCartAction = (event: Event): void => {
  event.stopPropagation();
  event.preventDefault();

  // Get the target element and its dataset
  const target = event.target as HTMLElement;

  // Make request to refresh the cart
  sendCartRefreshRequest(target);
};

const sendCartRefreshRequest = (target: HTMLElement): void => {
  const {prestashop, Theme: {events}} = window;
  const {dataset} = target;

  const targetUrl = target.getAttribute('href');

  if (targetUrl === null) {
    return;
  }

  const formData = new FormData();
  formData.append('ajax', '1');
  formData.append('action', 'update');

  fetch(targetUrl, {
    method: 'POST',
    body: formData,
  })
    .then((resp: Response) => {
      // Refresh cart preview
      prestashop.emit(events.updateCart, {
        reason: dataset,
        resp,
      });

      // Show product removal success alert
      if (target && target.getAttribute('data-link-action') === SelectorsMap.cart.deleteLinkAction) {
        const alertPlaceholder = document.querySelector(SelectorsMap.cart.alertPlaceholder);
        const productUrl = target.getAttribute('data-product-url');
        const productName = target.getAttribute('data-product-name');

        if (alertPlaceholder && productUrl && productName) {
          const alertText = alertPlaceholder.getAttribute('data-alert');

          // Create the product link element
          const productLink = document.createElement('a');
          productLink.classList.add('alert-link');
          productLink.setAttribute('href', productUrl);
          productLink.textContent = productName;

          // Create the alert message container
          const alertMessage = document.createElement('span');
          alertMessage.appendChild(productLink);
          alertMessage.append(` ${alertText}`);

          const alertMessageContainer = document.createElement('div');
          alertMessageContainer.appendChild(alertMessage);

          const alert = useAlert(alertMessageContainer.innerHTML, {
            type: 'success',
            selector: SelectorsMap.cart.alertPlaceholder,
          });

          alert.show();
        }
      }
    })
    .catch((err) => {
      const errorData = err as Response;
      prestashop.emit(events.handleError, {
        eventType: 'updateProductInCart',
        errorData,
      });
    });
};

export default handleCartAction;