Upload big_sale.js script

big_sale.js

@@ -0,0 +1,215 @@
+// BIG SALE Floating Promotion for V.AI AVATAR2
+// Space: bep40/vai-avatar2
+
+// Product data for BIG SALE
+// Format: [STT, Mã sản phẩm, Tên sản phẩm, SL, Giá bán lẻ (VNĐ), Chiết khấu (%), Giá Bigsale (VNĐ), Tình trạng]
+const BIG_SALE_PRODUCTS = [
+  [1, "MC-7086HS", "MÁY HÚT", 3, 11389000, 55, 5125050, "HÀNG MỚI"],
+  [2, "MH-70SMC", "MÁY HÚT ECO", 2, 4620000, 60, 1848000, "HÀNG MỚI"],
+  [3, "MH-90SMC", "MÁY HÚT ECO", 4, 5060000, 60, 2024000, "HÀNG MỚI"],
+  [4, "MH-600GT", "MÁY HÚT", 5, 8208000, 50, 4104000, "HÀNG MỚI"],
+  [5, "AS-9602DG", "BẾP 2 GAS", 2, 7815000, 50, 3907500, "HÀNG MỚI"],
+  [6, "SMART K-450", "CHẬU ĐÁ", 1, 21109000, 55, 9499050, "HÀNG MỚI"],
+  [7, "MS-1022D", "CHẊU RỦA", 4, 5852000, 50, 2926000, "HÀNG MỚI"],
+  [8, "MS-2025", "CHẊU RỦA", 1, 5700000, 55, 2565000, "HÀNG MỚI"],
+  [9, "MS-6070", "CHẊU RỦA", 11, 6464000, 50, 3232000, "HÀNG MỚI"],
+  [10, "MS-5066W", "CHẊU RỦA", 8, 4385000, 50, 2192500, "HÀNG MỚI"],
+  [11, "MS-5082W", "CHẊU RỦA", 3, 6350000, 50, 3175000, "HÀNG MỚI"],
+  [12, "MS-862", "CHẊU RỦA", 3, 12960000, 55, 5832000, "HÀNG MỚI"],
+  [13, "MPC-5KCB", "BỘ LỌC NƯỚC", 1, 10702000, 50, 5351000, "HÀNG MỚI"],
+  [14, "K061S", "VÒI", 10, 3056000, 50, 1528000, "HÀNG MỚI"],
+  [15, "K569SN", "VÒI ECO", 2, 3520000, 55, 1584000, "HÀNG MỚI"],
+  [16, "K525B", "VÒI", 2, 2916000, 55, 1312200, "HÀNG MỚI"],
+  [17, "K130S", "VÒI", 4, 4104000, 55, 1846800, "HÀNG MỚI"],
+  [18, "K136A", "VÒI", 2, 2430000, 55, 1093500, "HÀNG MỚI"],
+  [19, "K501B", "VÒI", 2, 5076000, 55, 2284200, "HÀNG MỚI"],
+  [20, "MST-6667", "LÓT NỒI", 25, 255000, 70, 76500, "HÀNG MỚI"],
+  [21, "MMPM-657A", "XAY TIÊU", 34, 295000, 70, 88500, "HÀNG MỚI"],
+  [22, "MOVS-10128", "BỘ ĐỰNG DẦU", 2, 491000, 70, 147300, "HÀNG MỚI"],
+  [23, "BỘ LÀM SẠCH NHÀ BẾP", "BỘ LÀM SẠCH NHÀ BẾP", 8, 720000, 70, 216000, "HÀNG MỚI"]
+];
+
+(function() {
+  'use strict';
+
+  // Format currency VND
+  function formatVND(amount) {
+    return new Intl.NumberFormat('vi-VN', {
+      style: 'currency',
+      currency: 'VND',
+      minimumFractionDigits: 0
+    }).format(amount);
+  }
+
+  // Create the BIG SALE floating button
+  function createFloatingButton() {
+    var button = document.createElement('button');
+    button.id = 'bigSaleToggle';
+    button.className = 'big-sale-floating';
+    button.setAttribute('aria-label', 'Mở chương trình BIG SALE');
+    button.setAttribute('title', 'BIG SALE - Khuyến mãi hot');
+    button.innerHTML =
+      '<span class="big-sale-badge">BIG SALE</span>' +
+      '<span class="big-sale-title">BIG SALE</span>' +
+      '<span class="big-sale-count">' + BIG_SALE_PRODUCTS.length + ' sản phẩm</span>';
+    return button;
+  }
+
+  // Create the BIG SALE panel
+  function createPanel() {
+    var panel = document.createElement('div');
+    panel.id = 'bigSalePanel';
+    panel.className = 'big-sale-panel';
+    panel.innerHTML =
+      '<div class="big-sale-header">' +
+        '<h3><i class="fas fa-bolt" style="margin-right:8px"></i> CHƯƠNG TRÌNH BIG SALE</h3>' +
+        '<button class="big-sale-close" id="bigSaleClose" aria-label="Đóng">' +
+          '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">' +
+            '<line x1="18" y1="6" x2="6" y2="18"></line>' +
+            '<line x1="6" y1="6" x2="18" y2="18"></line>' +
+          '</svg>' +
+        '</button>' +
+      '</div>' +
+      '<div class="big-sale-products" id="bigSaleProducts"></div>';
+    return panel;
+  }
+
+  // Render product cards into the panel
+  function renderProducts() {
+    var container = document.getElementById('bigSaleProducts');
+    if (!container) return;
+
+    var html = '';
+    BIG_SALE_PRODUCTS.forEach(function(product) {
+      var stt = product[0];
+      var maSp = product[1];
+      var tenSp = product[2];
+      var sl = product[3];
+      var giaBan = product[4];
+      var chietKhau = product[5];
+      var giaBigSale = product[6];
+      var tinhTrang = product[7];
+      var originalPrice = formatVND(giaBan);
+      var bigSalePrice = formatVND(giaBigSale);
+
+      html +=
+        '<div class="big-sale-product" onclick="window.openBigSaleProduct(' + stt + ')">' +
+          '<div class="big-sale-product-info">' +
+            '<div class="big-sale-product-name">' + tenSp + '</div>' +
+            '<div class="big-sale-product-code">Mã: ' + maSp + '</div>' +
+            '<div class="big-sale-product-meta">' +
+              '<span class="big-sale-new-badge">SL: ' + sl + '</span>' +
+              '<span class="big-sale-new-badge">' + tinhTrang + '</span>' +
+            '</div>' +
+          '</div>' +
+          '<div class="big-sale-product-price-container">' +
+            '<div class="big-sale-product-bigprice">' + originalPrice + '</div>' +
+            '<div class="big-sale-product-price">' + bigSalePrice + '</div>' +
+            '<span class="big-sale-product-discount">' + chietKhau + '% OFF</span>' +
+          '</div>' +
+        '</div>';
+    });
+
+    container.innerHTML = html;
+  }
+
+  // Open product detail from BIG SALE
+  window.openBigSaleProduct = function(stt) {
+    var product = BIG_SALE_PRODUCTS.find(function(p) { return p[0] === stt; });
+    if (!product) return;
+
+    var maSp = product[1];
+    var tenSp = product[2];
+    var sl = product[3];
+    var giaBan = product[4];
+    var chietKhau = product[5];
+    var giaBigSale = product[6];
+    var tinhTrang = product[7];
+    var originalPrice = formatVND(giaBan);
+    var bigSalePrice = formatVND(giaBigSale);
+
+    // Try to use existing vaistudio detail modal
+    var detailOverlay = document.getElementById('vaistudio-detail-overlay');
+    if (detailOverlay) {
+      document.getElementById('detail-title').textContent = tenSp;
+      document.getElementById('detail-brand').textContent = maSp;
+      document.getElementById('detail-model').textContent = tinhTrang;
+      document.getElementById('detail-price').innerHTML =
+        '<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">' +
+          '<span style="color:#c2410c;font-size:1.2rem;font-weight:800">' + bigSalePrice + '</span>' +
+          '<span style="font-size:0.7rem;background:#fee2e2;color:#dc2626;padding:2px 8px;border-radius:8px;font-weight:600">-' + chietKhau + '%</span>' +
+        '</div>' +
+        '<div style="font-size:0.7rem;text-decoration:line-through;color:#64748b;margin-top:2px">' + originalPrice + '</div>';
+      detailOverlay.style.display = 'flex';
+      return;
+    }
+
+    alert(
+      'Sản phẩm: ' + tenSp + '\n' +
+      'Mã: ' + maSp + '\n' +
+      'Giá gốc: ' + originalPrice + '\n' +
+      'Giá BIG SALE: ' + bigSalePrice + '\n' +
+      'Chiết khấu: ' + chietKhau + '%\n' +
+      'Số lượng: ' + sl + '\n' +
+      'Tình trạng: ' + tinhTrang
+    );
+  };
+
+  // Close product detail
+  window.closeBigSaleDetail = function() {
+    var overlay = document.getElementById('vaistudio-detail-overlay');
+    if (overlay) overlay.style.display = 'none';
+  };
+
+  // Initialize BIG SALE
+  function initBigSale() {
+    // Check if already initialized
+    if (document.getElementById('bigSaleToggle')) return;
+
+    // Create floating button
+    var floatingBtn = createFloatingButton();
+    document.body.appendChild(floatingBtn);
+
+    // Create panel
+    var panel = createPanel();
+    document.body.appendChild(panel);
+
+    // Wire up events
+    var toggleBtn = document.getElementById('bigSaleToggle');
+    var salePanel = document.getElementById('bigSalePanel');
+    var closeBtn = document.getElementById('bigSaleClose');
+
+    if (toggleBtn && salePanel) {
+      toggleBtn.addEventListener('click', function() {
+        salePanel.classList.toggle('open');
+      });
+    }
+
+    if (closeBtn && salePanel) {
+      closeBtn.addEventListener('click', function() {
+        salePanel.classList.remove('open');
+      });
+    }
+
+    // Close panel when clicking outside
+    if (salePanel) {
+      salePanel.addEventListener('click', function(e) {
+        if (e.target === salePanel) {
+          salePanel.classList.remove('open');
+        }
+      });
+    }
+
+    // Render products
+    renderProducts();
+
+    console.log('[BIG SALE] Floating promotion initialized with ' + BIG_SALE_PRODUCTS.length + ' products');
+  }
+
+  // Initialize when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initBigSale);
+  } else {
+    initBigSale();
+  }
+})();