feat: render all occasion tabs in outfit recommendations panel even if product count is zero

backend/static/manage-ultra-desc/index.html

@@ -1524,15 +1524,17 @@
   function renderOutfitOccTabs() {
     const tabsEl = document.getElementById('outfitOccTabs');
     if (!tabsEl) return;
-    // Collect unique occasions from current outfits
-    const occs = [...new Set(currentOutfits.map(o => o.occasion).filter(Boolean))];
-    if (occs.length <= 1) {
-      tabsEl.innerHTML = '';
-      activeOccFilter = null;
-      return;
+
+    // Define the list of occasions to show
+    let occsToShow = [];
+    if (isKidProduct()) {
+      occsToShow = ['hang_ngay', 'di_hoc', 'di_choi', 'di_tiec', 'the_thao', 'mac_nha', 'du_lich'];
+    } else {
+      occsToShow = ['hang_ngay', 'di_lam', 'di_choi', 'di_tiec', 'the_thao', 'mac_nha', 'du_lich'];
     }
+
     let html = `<span class="occ-tab ${!activeOccFilter ? 'active' : ''}" onclick="filterOutfitsByOcc(null)">Tất cả (${currentOutfits.length})</span>`;
-    occs.forEach(occ => {
+    occsToShow.forEach(occ => {
       const count = currentOutfits.filter(o => o.occasion === occ).length;
       const label = OCC_LABELS[occ] || occ;
       html += `<span class="occ-tab ${activeOccFilter === occ ? 'active' : ''}" onclick="filterOutfitsByOcc('${occ}')">${label} (${count})</span>`;