Actualiser index.html

index.html

@@ -645,17 +645,10 @@
                     <option value="altro">📦 Altro</option>
                 </select>
             </div>
-            <div class="form-group">
-                <label>🥤 Type de boisson (si applicable)</label>
+            <div class="form-group" id="pf-subcategory-group" style="display:none">
+                <label>📂 Sous-catégorie <span class="subcategory-required-mark" style="display:none;color:#e74c3c">*</span></label>
                 <select id="pf-subcategory" class="form-input">
                     <option value="">-- Aucune --</option>
-                    <option value="vin">🍷 Vin</option>
-                    <option value="biere">🍺 Bière</option>
-                    <option value="spiritueux">🥃 Spiritueux</option>
-                    <option value="soda">🥤 Soda</option>
-                    <option value="jus">🧃 Jus</option>
-                    <option value="eau">💧 Eau</option>
-                    <option value="autre">📦 Autre</option>
                 </select>
             </div>
             <div class="form-row">
@@ -1782,6 +1775,28 @@
                 </div>
             </div>
         </div>
+        <div class="settings-card">
+            <h4>📂 Sous-catégories</h4>
+            <p class="settings-hint">Gère les sous-catégories disponibles pour chaque catégorie de produit.</p>
+            <div class="form-group">
+                <label>Catégorie</label>
+                <select id="subcat-config-category" class="form-input" onchange="onSubcatConfigCategoryChange()"></select>
+            </div>
+            <div class="form-group" style="display:flex;align-items:center;gap:8px">
+                <input type="checkbox" id="subcat-config-required" onchange="toggleSubcategoryRequired()" style="width:auto">
+                <label for="subcat-config-required" style="margin:0">Sous-catégorie obligatoire pour cette catégorie</label>
+            </div>
+            <div id="subcat-list-container" style="margin-top:10px">
+                <p class="settings-hint">Chargement…</p>
+            </div>
+            <div class="form-group mt-2">
+                <label>➕ Nouvelle sous-catégorie (pour la catégorie sélectionnée)</label>
+                <div class="barcode-input-row">
+                    <input type="text" id="new-subcat-label" class="form-input" placeholder="Es: 🍷 Vin, 🍗 Poulet..." onkeydown="if(event.key==='Enter'){event.preventDefault();addSubcategoryRow()}">
+                    <button class="btn btn-accent" onclick="addSubcategoryRow()">➕</button>
+                </div>
+            </div>
+        </div>
     </section>
     
     <!-- ===== GEMINI CHAT ===== -->