From bd4524707e4d12a07109c48462ca980d968dc400 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Fri, 27 Mar 2026 12:42:24 +0000
Subject: [PATCH] feat(simplify): hide advanced settings

Move Kit Pricing, Price Sync, and Dashboard Polling sections under a
collapsed "Setari avansate" toggle. Basic settings remain visible.
Tooltip warns: "Modificati doar la indicatia echipei tehnice."

Cache-bust: settings.js?v=9

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 api/app/templates/settings.html | 143 +++++++++++++++++---------------
 1 file changed, 75 insertions(+), 68 deletions(-)

diff --git a/api/app/templates/settings.html b/api/app/templates/settings.html
index c1a9fb0..a312321 100644
--- a/api/app/templates/settings.html
+++ b/api/app/templates/settings.html
@@ -157,82 +157,89 @@
     </div>
 </div>
 
-<div class="row g-3 mb-3">
-    <div class="col-md-6">
-        <div class="card h-100">
-            <div class="card-header py-2 px-3 fw-semibold">Dashboard</div>
-            <div class="card-body py-2 px-3">
-                <div class="mb-2">
-                    <label class="form-label mb-0 small">Interval polling (secunde)</label>
-                    <input type="number" class="form-control form-control-sm" id="settDashPollSeconds" value="5" min="1" max="300">
-                    <div class="form-text" style="font-size:0.75rem">Cât de des verifică dashboard-ul starea sync-ului (implicit 5s)</div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="col-md-6">
-        <div class="card h-100">
-            <div class="card-header py-2 px-3 fw-semibold">Pricing Kituri / Pachete</div>
-            <div class="card-body py-2 px-3">
-                <div class="mb-2">
-                    <div class="form-check">
-                        <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeOff" value="" checked>
-                        <label class="form-check-label small" for="kitModeOff">Dezactivat</label>
-                    </div>
-                    <div class="form-check">
-                        <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeDistributed" value="distributed">
-                        <label class="form-check-label small" for="kitModeDistributed">Distribuire discount în preț</label>
-                    </div>
-                    <div class="form-check">
-                        <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeSeparate" value="separate_line">
-                        <label class="form-check-label small" for="kitModeSeparate">Linie discount separată</label>
-                    </div>
-                </div>
-                <div id="kitModeBFields" style="display:none">
-                    <div class="mb-2">
-                        <label class="form-label mb-0 small">Kit Discount CODMAT</label>
-                        <div class="position-relative">
-                            <input type="text" class="form-control form-control-sm" id="settKitDiscountCodmat" placeholder="ex: DISCOUNT_KIT" autocomplete="off">
-                            <div class="autocomplete-dropdown d-none" id="settKitDiscountAc"></div>
+<div class="mt-4">
+    <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#advancedSettings" aria-expanded="false" title="Modificati doar la indicatia echipei tehnice">
+        <i class="bi bi-gear"></i> Setari avansate
+    </button>
+    <div class="collapse mt-2" id="advancedSettings">
+        <div class="row g-3 mb-3">
+            <div class="col-md-6">
+                <div class="card h-100">
+                    <div class="card-header py-2 px-3 fw-semibold">Dashboard</div>
+                    <div class="card-body py-2 px-3">
+                        <div class="mb-2">
+                            <label class="form-label mb-0 small">Interval polling (secunde)</label>
+                            <input type="number" class="form-control form-control-sm" id="settDashPollSeconds" value="5" min="1" max="300">
+                            <div class="form-text" style="font-size:0.75rem">Cât de des verifică dashboard-ul starea sync-ului (implicit 5s)</div>
                         </div>
                     </div>
-                    <div class="mb-2">
-                        <label class="form-label mb-0 small">Kit Discount Politică</label>
-                        <select class="form-select form-select-sm" id="settKitDiscountIdPol">
-                            <option value="">— implicită —</option>
-                        </select>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100">
+                    <div class="card-header py-2 px-3 fw-semibold">Pricing Kituri / Pachete</div>
+                    <div class="card-body py-2 px-3">
+                        <div class="mb-2">
+                            <div class="form-check">
+                                <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeOff" value="" checked>
+                                <label class="form-check-label small" for="kitModeOff">Dezactivat</label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeDistributed" value="distributed">
+                                <label class="form-check-label small" for="kitModeDistributed">Distribuire discount în preț</label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="radio" name="kitPricingMode" id="kitModeSeparate" value="separate_line">
+                                <label class="form-check-label small" for="kitModeSeparate">Linie discount separată</label>
+                            </div>
+                        </div>
+                        <div id="kitModeBFields" style="display:none">
+                            <div class="mb-2">
+                                <label class="form-label mb-0 small">Kit Discount CODMAT</label>
+                                <div class="position-relative">
+                                    <input type="text" class="form-control form-control-sm" id="settKitDiscountCodmat" placeholder="ex: DISCOUNT_KIT" autocomplete="off">
+                                    <div class="autocomplete-dropdown d-none" id="settKitDiscountAc"></div>
+                                </div>
+                            </div>
+                            <div class="mb-2">
+                                <label class="form-label mb-0 small">Kit Discount Politică</label>
+                                <select class="form-select form-select-sm" id="settKitDiscountIdPol">
+                                    <option value="">— implicită —</option>
+                                </select>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-</div>
 
-<div class="row g-3 mb-3">
-    <div class="col-md-6">
-        <div class="card h-100">
-            <div class="card-header py-2 px-3 fw-semibold">Sincronizare Prețuri</div>
-            <div class="card-body py-2 px-3">
-                <div class="form-check mb-2">
-                    <input type="checkbox" class="form-check-input" id="settPriceSyncEnabled" checked>
-                    <label class="form-check-label small" for="settPriceSyncEnabled">Sync automat prețuri din comenzi</label>
-                </div>
-                <div class="form-check mb-2">
-                    <input type="checkbox" class="form-check-input" id="settCatalogSyncEnabled">
-                    <label class="form-check-label small" for="settCatalogSyncEnabled">Sync prețuri din catalog GoMag</label>
-                </div>
-                <div id="catalogSyncOptions" style="display:none">
-                    <div class="mb-2">
-                        <label class="form-label mb-0 small">Program</label>
-                        <select class="form-select form-select-sm" id="settPriceSyncSchedule">
-                            <option value="">Doar manual</option>
-                            <option value="daily_03:00">Zilnic la 03:00</option>
-                            <option value="daily_06:00">Zilnic la 06:00</option>
-                        </select>
+        <div class="row g-3 mb-3">
+            <div class="col-md-6">
+                <div class="card h-100">
+                    <div class="card-header py-2 px-3 fw-semibold">Sincronizare Prețuri</div>
+                    <div class="card-body py-2 px-3">
+                        <div class="form-check mb-2">
+                            <input type="checkbox" class="form-check-input" id="settPriceSyncEnabled" checked>
+                            <label class="form-check-label small" for="settPriceSyncEnabled">Sync automat prețuri din comenzi</label>
+                        </div>
+                        <div class="form-check mb-2">
+                            <input type="checkbox" class="form-check-input" id="settCatalogSyncEnabled">
+                            <label class="form-check-label small" for="settCatalogSyncEnabled">Sync prețuri din catalog GoMag</label>
+                        </div>
+                        <div id="catalogSyncOptions" style="display:none">
+                            <div class="mb-2">
+                                <label class="form-label mb-0 small">Program</label>
+                                <select class="form-select form-select-sm" id="settPriceSyncSchedule">
+                                    <option value="">Doar manual</option>
+                                    <option value="daily_03:00">Zilnic la 03:00</option>
+                                    <option value="daily_06:00">Zilnic la 06:00</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div id="settPriceSyncStatus" class="text-muted small mt-2"></div>
+                        <button class="btn btn-sm btn-outline-primary mt-2" id="btnCatalogSync" onclick="startCatalogSync()">Sincronizează acum</button>
                     </div>
                 </div>
-                <div id="settPriceSyncStatus" class="text-muted small mt-2"></div>
-                <button class="btn btn-sm btn-outline-primary mt-2" id="btnCatalogSync" onclick="startCatalogSync()">Sincronizează acum</button>
             </div>
         </div>
     </div>
@@ -246,5 +253,5 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="{{ request.scope.get('root_path', '') }}/static/js/settings.js?v=8"></script>
+<script src="{{ request.scope.get('root_path', '') }}/static/js/settings.js?v=9"></script>
 {% endblock %}