User Accounts

function initUserRealtimeSync() {
  // 1. Load from cache for instant display
  const cachedProfile = sessionStorage.getItem('pixeltech_user_profile');
  if (cachedProfile) {
    fillProfileForm(JSON.parse(cachedProfile));
  }
  
  // 2. Start real-time listener
  unsubscribeUser = onSnapshot(doc(db, "users", currentUserId), (snap) => {
    const freshData = snap.data();
    // Only update if data actually changed
    if (JSON.stringify(userProfileData) !== JSON.stringify(freshData)) {
      sessionStorage.setItem('pixeltech_user_profile', JSON.stringify(freshData));
      fillProfileForm(freshData);
    }
  });
}

┌────────────────────────────────────┐
│  ⭐ HOME (Default)                │
│  Cra 15 #123-45 Apt 301           │
│  Bogotá, Cundinamarca             │
│  "Ring bell twice"                │
│                    [Edit] [Delete] │
└────────────────────────────────────┘

┌────────────────────────────────────┐
│  📍 OFFICE                         │
│  Cl 100 #8-55 Torre B Piso 12     │
│  Bogotá, Cundinamarca             │
│  "Security desk on 1st floor"     │
│                    [Edit] [Delete] │
└────────────────────────────────────┘

window.deleteAddress = async (index) => {
  if (!confirm("Delete this address?")) return;
  
  let currentAddresses = [...addressesCache];
  currentAddresses.splice(index, 1); // Remove address
  
  await updateDoc(doc(db, "users", userId), {
    addresses: currentAddresses
  });
  
  // onSnapshot automatically updates UI
};

const response = await fetch('https://api-colombia.com/api/v1/Department');
const departments = await response.json();
// Returns: [{ id: 1, name: "Cundinamarca" }, ...]

const response = await fetch(`https://api-colombia.com/api/v1/Department/${deptId}/cities`);
const cities = await response.json();
// Returns cities for selected department

function initOrdersRealtimeSync() {
  // 1. Load orders from localStorage cache
  const cachedRaw = localStorage.getItem('pixeltech_user_orders');
  if (cachedRaw) {
    const parsed = JSON.parse(cachedRaw);
    ordersCache = Object.values(parsed.map);
    renderOrdersList(ordersCache);
  }
  
  // 2. Determine if first load or delta update
  let query;
  if (lastSyncTime === 0) {
    // First load: get all orders
    query = query(ordersRef, 
      where("userId", "==", userId),
      orderBy("createdAt", "desc")
    );
  } else {
    // Return visit: only get updated orders
    query = query(ordersRef,
      where("userId", "==", userId),
      where("updatedAt", ">", new Date(lastSyncTime))
    );
  }
  
  // 3. Real-time listener
  unsubscribeOrders = onSnapshot(query, (snapshot) => {
    // Process only changed documents
    snapshot.docChanges().forEach(change => {
      if (change.type === 'added' || change.type === 'modified') {
        updateOrderInCache(change.doc.data());
      }
    });
  });
}

function getStatusConfig(status) {
  if (status === 'PENDIENTE_PAGO') 
    return { color: "yellow", icon: "clock", label: "Pending Payment" };
  if (['PAGADO', 'CONFIRMADO'].includes(status))
    return { color: "blue", icon: "check-circle", label: "Confirmed" };
  if (status === 'ALISTAMIENTO')
    return { color: "purple", icon: "box-open", label: "Preparing" };
  if (['DESPACHADO', 'EN_RUTA'].includes(status))
    return { color: "cyan", icon: "truck-fast", label: "En Route" };
  if (status === 'ENTREGADO')
    return { color: "emerald", icon: "house-check", label: "Delivered" };
  if (status === 'CANCELADO')
    return { color: "red", icon: "ban", label: "Cancelled" };
}

logoutBtn.addEventListener('click', async () => {
  if (confirm("Log out?")) {
    // 1. Clean up real-time listeners
    if (unsubscribeOrders) unsubscribeOrders();
    if (unsubscribeUser) unsubscribeUser();
    
    // 2. Sign out from Firebase
    await signOut(auth);
    
    // 3. Clear all cached data
    sessionStorage.clear();
    localStorage.removeItem('pixeltech_user_orders');
    
    // 4. Redirect to homepage
    window.location.href = "/index.html";
  }
});