// ===================================
// Salla Custom JS
// "اشتري الآن" Modal + Quick Buy
// Product ID: 429839593
// ===================================

(function () {
  "use strict";

  const PRODUCT_ID = "429839593";

  document.addEventListener("DOMContentLoaded", function () {
    createWidgets();
    listenToEvents();
  });

  function createWidgets() {
    const container = document.createElement("div");
    container.id = "custom-salla-widgets";
    container.innerHTML = `
      <style>
        #custom-salla-widgets {
          direction: rtl;
          max-width: 400px;
          margin: 20px auto;
          display: flex;
          flex-direction: column;
          gap: 16px;
          padding: 20px;
        }

        #custom-salla-widgets apple-pay-button {
          --apple-pay-button-width: 100%;
          --apple-pay-button-height: 44px;
          --apple-pay-button-border-radius: 12px;
        }
      </style>

      <!-- ================================ -->
      <!-- اشتري الآن (مودال جاهز من سلة)   -->
      <!-- ================================ -->
      <salla-quick-order
        product-id="${PRODUCT_ID}"
        quick-order-style="white"
        is-email-required="true"
        pay-button-title="اشتري الآن"
        confirm-pay-button-title="تأكيد الشراء">
      </salla-quick-order>

      <!-- ================================ -->
      <!-- شراء فوري (checkout / Apple Pay) -->
      <!-- ================================ -->
      <salla-quick-buy
        product-id="${PRODUCT_ID}"
        type="buy">
      </salla-quick-buy>
    `;

    const target =
      document.querySelector(".main-content") ||
      document.querySelector("main") ||
      document.body;

    target.appendChild(container);
  }

  function listenToEvents() {
    document.addEventListener("quickOrderSubmited", function (e) {
      console.log("✅ تم الطلب بنجاح:", e.detail);
    });
  }
})();