(function ($) {
  "use strict";

  // Cache of targetKey -> $slickEl
  var slickMap = {};

  /**
   * Parse targets from attribute
   * Supports:
   *  - "5699d28, 123abcd"
   *  - "#gridA, #gridB"
   *  - ".elementor-element-xxx, .elementor-element-yyy"
   */
  function parseTargets(raw) {
    if (!raw) return [];
    if (Array.isArray(raw)) return raw;
    return String(raw)
      .split(",")
      .map(function (s) { return s.trim(); })
      .filter(Boolean);
  }

  function getWidgetRoot(target) {
    if (!target) return $();

    if (target[0] === "#" || target[0] === "." || target[0] === "[") {
      return $(target).first();
    }

    var $byId = $("#" + target);
    if ($byId.length) return $byId.first();

    var $byDataId = $('.elementor-element[data-id="' + target + '"]');
    if ($byDataId.length) return $byDataId.first();

    return $();
  }

  function getSlickElByTarget(target) {
    if (slickMap[target]) return slickMap[target];

    var $root = getWidgetRoot(target);
    if (!$root.length) return null;

    var $slickEl = $root.find(".jet-listing-grid__items").first();
    if (!$slickEl.length) return null;

    if (!$slickEl.hasClass("slick-initialized") || typeof $slickEl.slick !== "function") {
      return null;
    }

    slickMap[target] = $slickEl;
    return $slickEl;
  }

  function getAllSlickEls(targets) {
    var els = [];
    targets.forEach(function (t) {
      var $el = getSlickElByTarget(t);
      if ($el) els.push({ target: t, $el: $el });
    });
    return els;
  }

  function normaliseIndex(idx) {
    var n = parseInt(idx, 10);
    return isNaN(n) ? null : n;
  }

  /**
   * Optional: allow per-target offset mapping like:
   * data-target-offsets="5699d28:0, 123abcd:1"
   */
  function parseTargetOffsets(raw) {
    var map = {};
    if (!raw) return map;

    String(raw)
      .split(",")
      .map(function (s) { return s.trim(); })
      .filter(Boolean)
      .forEach(function (pair) {
        var parts = pair.split(":");
        if (parts.length < 2) return;
        var key = parts[0].trim();
        var val = normaliseIndex(parts[1].trim());
        if (key && val !== null) map[key] = val;
      });

    return map;
  }

  function currentSlideIndex($slickEl) {
    // Slick stores currentSlide on the slick instance
    try {
      var inst = $slickEl.slick("getSlick");
      return inst && typeof inst.currentSlide === "number" ? inst.currentSlide : 0;
    } catch (e) {
      return 0;
    }
  }

  function bindRemoteNav() {
    $("[data-carousel-target]")
      .off("click.remoteCarouselNav")
      .on("click.remoteCarouselNav", function (e) {
        e.preventDefault();

        var $btn = $(this);

        var targets = parseTargets($btn.data("carousel-target"));
        if (!targets.length) return;

        var $slickEls = getAllSlickEls(targets);

        // Retry once if not ready yet (AJAX / late init)
        if (!$slickEls.length) {
          setTimeout(function () {
            var $retry = getAllSlickEls(targets);
            if ($retry.length) handleNav($btn, $retry);
          }, 80);
          return;
        }

        handleNav($btn, $slickEls);
      });
  }

  function handleNav($btn, slickEls) {
    var slideIndexRaw = $btn.data("slide");
    var direction = $btn.data("direction");

    // Offsets
    var globalOffset = normaliseIndex($btn.data("offset")) || 0;
    var perTargetOffsets = parseTargetOffsets($btn.data("target-offsets"));

    // Optional 1-based slide indexes
    var base = parseInt($btn.data("slide-base"), 10);
    var oneBased = !isNaN(base) && base === 1;

    // --- Specific slide nav: send everyone to (slide + offsets) ---
    if (slideIndexRaw !== undefined && slideIndexRaw !== null && slideIndexRaw !== "") {
      var baseIndex = normaliseIndex(slideIndexRaw);
      if (baseIndex === null) return;

      if (oneBased) baseIndex = baseIndex - 1;

      slickEls.forEach(function (item) {
        var t = item.target;
        var $el = item.$el;

        var targetOffset = perTargetOffsets[t] || 0;
        var finalIndex = baseIndex + globalOffset + targetOffset;

        $el.slick("slickGoTo", finalIndex);
      });

      return;
    }

    // --- Next/Prev nav: move all sliders together ---
    if (direction === "next" || direction === "prev") {
      slickEls.forEach(function (item) {
        item.$el.slick(direction === "next" ? "slickNext" : "slickPrev");
      });
      return;
    }

    // --- Sync by the "primary" slider (first target), with offsets ---
    // Useful if you want a button that means "sync the others to whatever the first is showing"
    if ($btn.data("sync") === true || $btn.data("sync") === "true") {
      var primary = slickEls[0];
      var primaryIndex = currentSlideIndex(primary.$el);

      slickEls.forEach(function (item) {
        var t = item.target;
        var targetOffset = perTargetOffsets[t] || 0;
        var finalIndex = primaryIndex + globalOffset + targetOffset;
        item.$el.slick("slickGoTo", finalIndex);
      });
    }
  }

  $(window).on("elementor/frontend/init", function () {
    bindRemoteNav();

    elementorFrontend.hooks.addAction("frontend/element_ready/widget", function () {
      bindRemoteNav();
    });

    elementorFrontend.hooks.addAction("frontend/element_ready/jet-listing-grid.default", function () {
      bindRemoteNav();
    });
  });
})(jQuery);