Order Tracking

async function initSmartRealtimeOrder() {
  // 1. INSTANT LOAD: Check localStorage cache
  const cachedRaw = localStorage.getItem('pixeltech_user_orders');
  if (cachedRaw) {
    const parsed = JSON.parse(cachedRaw);
    if (parsed.map && parsed.map[orderId]) {
      currentOrder = parsed.map[orderId];
      renderAllOrderData(currentOrder); // Immediate display
    }
  }
  
  // 2. REAL-TIME SYNC: Connect to Firebase
  unsubscribeOrder = onSnapshot(doc(db, "orders", orderId), (snap) => {
    const freshData = { id: snap.id, ...snap.data() };
    
    // Only re-render if something actually changed
    if (JSON.stringify(currentOrder) !== JSON.stringify(freshData)) {
      currentOrder = freshData;
      renderAllOrderData(currentOrder);
      updateOrderInLocalCache(currentOrder); // Silent cache update
    }
  });
}

    ○━━━━●━━━━●━━━━●
  PENDING  CONFIRMED  PREPARED  DISPATCHED

function renderTimeline(currentStatus) {
  const steps = [
    { label: 'Pending Payment', icon: 'fa-file-invoice-dollar' },
    { label: 'Confirmed', icon: 'fa-clipboard-check' },
    { label: 'Prepared', icon: 'fa-box-open' },
    { label: 'Dispatched', icon: 'fa-truck-fast' }
  ];
  
  // Determine which step customer is on
  let activeIndex = 0;
  if (status === 'PENDIENTE_PAGO') activeIndex = 0;
  else if (['PAGADO', 'CONFIRMADO'].includes(status)) activeIndex = 1;
  else if (['ALISTAMIENTO', 'ALISTADO'].includes(status)) activeIndex = 2;
  else if (['DESPACHADO', 'EN_RUTA', 'ENTREGADO'].includes(status)) activeIndex = 3;
  
  const progressPercent = (activeIndex / (steps.length - 1)) * 100;
  // Render animated progress bar and step indicators
}

els.copyGuideBtn.onclick = () => {
  navigator.clipboard.writeText(trackingNumber);
  // Show success feedback
  button.innerHTML = '<i class="fa-solid fa-check"></i>';
  button.classList.add('text-green-500');
  setTimeout(() => {
    // Revert after 2 seconds
    button.innerHTML = 'Copy';
    button.classList.remove('text-green-500');
  }, 2000);
};

function getWarrantyDaysInTotal(item) {
  let warranty = item.warranty || item.warrantyDays;
  
  // Check if warranty is object with time/unit
  if (typeof warranty === 'object') {
    const time = parseInt(warranty.time);
    const unit = warranty.unit.toLowerCase();
    
    if (unit.includes('year')) return time * 365;
    if (unit.includes('month')) return time * 30;
    if (unit.includes('week')) return time * 7;
    return time; // days
  }
  
  // Direct number of days
  return parseInt(warranty) || 60; // Default 60 days
}

┌──────────────────────────────────────┐
│  Report Problem                      │
│  iPhone 14 Pro (Black, 128GB)       │
├──────────────────────────────────────┤
│                                      │
│  Serial Number: *                    │
│  [________________]                  │
│                                      │
│  Describe the Problem: *             │
│  [________________________________]  │
│  [________________________________]  │
│  [________________________________]  │
│                                      │
│  Evidence (Photos/Videos):           │
│  [Choose Files]  (0 files selected)  │
│                                      │
│            [Cancel] [Submit Claim]   │
└──────────────────────────────────────┘

if (item.sns && Array.isArray(item.sns)) {
  // Check if provided S/N matches any assigned to this order
  const snFound = item.sns.some(validSn => 
    validSn.trim().toUpperCase() === inputSN.toUpperCase()
  );
  
  if (!snFound) {
    throw new Error("Serial number doesn't match this shipment");
  }
}

// Also check for duplicate claims on same S/N
const duplicateQuery = query(
  collection(db, "warranties"),
  where("userId", "==", userId),
  where("snProvided", "==", inputSN),
  where("productId", "==", productId)
);

const existingClaim = await getDocs(duplicateQuery);
if (!existingClaim.empty) {
  throw new Error("Warranty claim already exists for this serial number");
}

const evidenceUrls = [];
if (imageFiles.length > 0) {
  for (const file of imageFiles) {
    // Upload to Firebase Storage
    const storageRef = ref(storage, `warranties/${orderId}/${Date.now()}_${file.name}`);
    await uploadBytes(storageRef, file);
    const url = await getDownloadURL(storageRef);
    evidenceUrls.push(url);
  }
}

// Store URLs in warranty document
await addDoc(collection(db, "warranties"), {
  evidenceImages: evidenceUrls,
  // ... other warranty data
});

Product: iPhone 14 Pro
[Active Warranty: 45 days]

[Case #1: Under Review 🔵]
[Case #2: Approved ✅]

┌──────────────────────────────────────────┐
│  Warranty Claim #ABC123                  │
├──────────────────────────────────────────┤
│  Status: ✅ APPROVED                     │
│  Filed: March 5, 2024                    │
│                                          │
│  Your Report:                            │
│  "Screen has dead pixels in upper        │
│   right corner. Issue started after      │
│   3 days of normal use."                 │
│                                          │
│  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  │
│                                          │
│  Admin Response:                         │
│  "Claim approved. Manufacturing defect   │
│   confirmed. Please bring device to      │
│   authorized service center for display  │
│   replacement. No cost to customer."     │
│                                          │
│  Resolved: March 7, 2024                 │
│                                          │
│  [📄 Download Technical Report PDF]      │
│                                          │
│  [Close]                                 │
└──────────────────────────────────────────┘

function listenForWarranties() {
  const qW = query(
    collection(db, "warranties"),
    where("orderId", "==", orderId),
    where("userId", "==", userId)
  );
  
  unsubscribeWarranties = onSnapshot(qW, (snapshot) => {
    // Warranty changes detected
    const freshWarranties = snapshot.docs.map(d => ({ 
      id: d.id, 
      ...d.data() 
    }));
    
    // Compare with current state
    if (JSON.stringify(activeWarranties) !== JSON.stringify(freshWarranties)) {
      activeWarranties = freshWarranties;
      renderItems(currentOrder); // Re-render product list with updated warranty status
    }
  });
}

┌─────────────────────────────────────┐
│  📄 Invoice Information             │
├─────────────────────────────────────┤
│  Business Name: Empresa XYZ S.A.S.  │
│  Tax ID: 900123456-1                │
│  Email: [email protected]     │
│                                     │
│  Invoice will be sent within        │
│  3 business days after delivery.    │
└─────────────────────────────────────┘

{
  "map": {
    "order_abc123": {
      "id": "order_abc123",
      "userId": "user_xyz",
      "status": "DESPACHADO",
      "total": 2500000,
      "shippingTracking": "1234567890",
      "shippingCarrier": "Servientrega",
      "items": [
        {
          "id": "prod_001",
          "name": "iPhone 14 Pro",
          "price": 4500000,
          "quantity": 1,
          "sns": ["C02ABC123DEF"],
          "warranty": { "time": 12, "unit": "months" }
        }
      ],
      "createdAt": "2024-03-05T10:00:00Z",
      "updatedAt": "2024-03-06T14:30:00Z",
      "shippedAt": "2024-03-06T14:30:00Z"
    }
  },
  "lastSync": 1709738400000
}