(function ($) {
  $(document).ready(function () {
    // console.info("dci sdk.js loaded");

    $(document).on(
      "click",
      ".dci-button-allow, .dci-button-skip, .dci-button-disallow",
      function () {
        let nonce = $(this)
          .closest(".dci-notice-data")
          .find("[name='nonce']")
          .val(),
          dci_name = $(this)
            .closest(".dci-notice-data")
            .find("[name='dci_name']")
            .val(),
          date_name = $(this)
            .closest(".dci-notice-data")
            .find("[name='dci_date_name']")
            .val(),
          allow_name = $(this)
            .closest(".dci-notice-data")
            .find("[name='dci_allow_name']")
            .val();

        $.ajax({
          url: ajaxurl,
          type: "POST",
          data: {
            action: "dci_sdk_insights",
            button_val: this.value,
            nonce: nonce,
            dci_name: dci_name,
            date_name: date_name,
            allow_name: allow_name,
          },
          success: function (response) {
            console.log(response);
            if (response.status == "success") {
              location.reload();
            } else {
              alert(response.message);
            }
          },
        });
      }
    );

    $(document).on("click", ".dci-global-notice .notice-dismiss", function () {
      let nonce = $(this)
        .closest(".dci-notice-data")
        .find("[name='nonce']")
        .val(),
        dci_name = $(this)
          .closest(".dci-notice-data")
          .find("[name='dci_name']")
          .val();

      $.ajax({
        url: ajaxurl,
        type: "POST",
        data: {
          action: "dci_sdk_dismiss_notice",
          nonce: nonce,
          dci_name: dci_name,
        },
      });
    });

    /**
     * If find .dci-feedback-wrapper then add class on the same id of the feedback
     */
    if ($(".dci-feedback-wrapper").length) {
      $(".dci-feedback-wrapper").each(function () {
        let feedback_id = $(this).attr("id");
        $("#deactivate-" + feedback_id).addClass(
          "dci-feedback-deactivate-plugin-btn"
        );
      });
    }

    $(document).on(
      "click",
      ".dci-feedback-deactivate-plugin-btn",
      function (e) {
        e.preventDefault();
        let id = $(this).attr("id");

        $("#" + id.replace("deactivate-", "")).show();
      }
    );

    $(document).on("click", ".dci-feedback-submit-btn", function () {
      let $noticeData = $(this).closest(".dci-notice-data");

      let nonce = $noticeData.find("[name='nonce']").val(),
        dci_name = $noticeData.find("[name='dci_name']").val(),
        product_id = $noticeData.find("[name='product_id']").val(),
        public_key = $noticeData.find("[name='public_key']").val(),
        api_endpoint = $noticeData.find("[name='api_endpoint']").val(),
        deactivate_url = $(this).data("deactivate-url");

      let feedback_data = {};

      $noticeData.find("textarea, input[type='checkbox']").each(function () {
        const $input = $(this);
        const name = $input.attr("name");
        let value = $input.val();

        if ($input.attr("type") === "checkbox") {
          value = $input.is(":checked") ? "yes" : "no";
        }

        if (value !== "no" && value !== "") {
          feedback_data[name] = value;
        }
      });

      if (Object.keys(feedback_data).length === 0) {
        feedback_data["no_feedback"] = "yes";
      }

      $.ajax({
        url: ajaxurl,
        type: "POST",
        data: {
          action: "dci_sdk_insights_deactivate_feedback",
          nonce: nonce,
          product_id: product_id,
          public_key: public_key,
          api_endpoint: api_endpoint,
          feedback: JSON.stringify(feedback_data),
        },
        success: function (response) {
          window.location.href = deactivate_url;
        },
      });
    });

    /**
     * Button Color
     */
    try {
      window.CSS.registerProperty({
        name: "--primaryColor",
        syntax: "<color>",
        inherits: false,
        initialValue: "#AA00FF",
      });
  
      window.CSS.registerProperty({
        name: "--secondaryColor",
        syntax: "<color>",
        inherits: false,
        initialValue: "#FF2661",
      });
    } catch (e) {
      // Property already registered
    }
    

    // Show only the first DCI notice
    var $notices = $('.dci-global-notice');
    if ($notices.length > 0) {
        $notices.first().show();
    }
    $(document).on('click', '.dci-global-notice .notice-dismiss', function() {
        var $currentNotice = $(this).closest('.dci-global-notice');
        var $nextNotice = $currentNotice.nextAll('.dci-global-notice:first');
        
        if ($nextNotice.length) {
            $nextNotice.show();
        }
    });
    $('.dci-global-notice button').on('click', function() {
        var $notice = $(this).closest('.dci-global-notice');
        var $nextNotice = $notice.nextAll('.dci-global-notice:first');
        
        $notice.fadeOut(300, function() {
            if ($nextNotice.length) {
                $nextNotice.fadeIn();
            }
        });
    });
  });
})(jQuery);
