Update app.py

app.py

@@ -869,15 +869,37 @@ MAIN_HTML = '''
                     `;
                 }
                 
+                if (p.variants && p.variants.length > 0) {
+                    let pOpts = [];
+                    p.variants.forEach((v, i) => {
+                        let vStock = getLocStock(v.stocks);
+                        if (activeLoc === 'all' || vStock > 0) {
+                            pOpts.push(`<div style="font-size:0.8rem; color:var(--text-muted); margin-bottom:2px;">• ${v.name}: ${vStock} шт</div>`);
+                        }
+                    });
+                    if (pOpts.length > 0) {
+                        priceHtml += `<div style="margin-top:6px; margin-bottom:6px; background:#f9fafb; padding:6px; border-radius:6px; border:1px solid var(--border);">${pOpts.join('')}</div>`;
+                    }
+                }
+                
                 let actionsHtml = '';
                 if (role !== 'public') {
                     if (activeLoc !== 'all') {
                         if (stock > 0) {
                             let varHtml = '';
                             if (p.variants && p.variants.length > 0) {
-                                varHtml = `<select id="var_${pIdx}" class="form-control" style="padding:6px; font-size:0.8rem; margin-bottom:4px; height:auto;" onchange="updateMaxQty(${pIdx})">
-                                    ${p.variants.map((v, i) => `<option value="${i}">${v.name} (+${v.price} ₸)</option>`).join('')}
-                                </select>`;
+                                let opts = [];
+                                p.variants.forEach((v, i) => {
+                                    let vStock = getLocStock(v.stocks);
+                                    if (vStock > 0) {
+                                        opts.push(`<option value="${i}">${v.name} (+${v.price} ₸) - ${vStock} шт</option>`);
+                                    }
+                                });
+                                if (opts.length > 0) {
+                                    varHtml = `<select id="var_${pIdx}" class="form-control" style="padding:6px; font-size:0.8rem; margin-bottom:4px; height:auto;" onchange="updateMaxQty(${pIdx})">
+                                        ${opts.join('')}
+                                    </select>`;
+                                }
                             }
                             
                             actionsHtml += `
@@ -972,7 +994,15 @@ MAIN_HTML = '''
                 let vIdx = parseInt(vSelect.value);
                 max = getLocStock(p.variants[vIdx].stocks);
             } else if (p.variants && p.variants.length > 0) {
-                max = getLocStock(p.variants[0].stocks);
+                let firstValidStock = 0;
+                for (let i = 0; i < p.variants.length; i++) {
+                    let vSt = getLocStock(p.variants[i].stocks);
+                    if (vSt > 0) {
+                        firstValidStock = vSt;
+                        break;
+                    }
+                }
+                max = firstValidStock;
             } else {
                 max = getLocStock(p.stocks);
             }