feat(dashboard): add logs page, pagination, quick mapping modal, price pre-validation

- Add /logs page with per-order sync run details, filters (Toate/Importate/Fara Mapare/Erori)
- Add price pre-validation (validate_prices + ensure_prices) to prevent ORA-20000 on direct articles
- Add find_new_orders() to detect orders not yet in Oracle COMENZI
- Extend missing_skus table with order context (order_count, order_numbers, customers)
- Add server-side pagination on /api/validate/missing-skus and /missing-skus page
- Replace confusing "Skip"/"Err" with "Fara Mapare"/"Erori" terminology
- Add inline mapping modal on dashboard (replaces navigation to /mappings)
- Add 2-row stat cards: orders (Comenzi Noi/Ready/Importate/Fara Mapare/Erori) + articles
- Add ID_POL/ID_GESTIUNE/ID_SECTIE to config.py and .env
- Update .gitignore (venv, *.db, api/api/, logs/)
- 33/33 unit tests pass, E2E verified with Playwright

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

api/app/templates/missing_skus.html

@@ -23,13 +23,15 @@
                     <tr>
                         <th>SKU</th>
                         <th>Produs</th>
+                        <th>Nr. Comenzi</th>
+                        <th>Client</th>
                         <th>First Seen</th>
                         <th>Status</th>
                         <th>Actiune</th>
                     </tr>
                 </thead>
                 <tbody id="missingBody">
-                    <tr><td colspan="5" class="text-center text-muted py-4">Se incarca...</td></tr>
+                    <tr><td colspan="7" class="text-center text-muted py-4">Se incarca...</td></tr>
                 </tbody>
             </table>
         </div>
@@ -39,6 +41,10 @@
     </div>
 </div>
 
+<nav id="paginationNav" class="mt-3">
+    <ul class="pagination justify-content-center" id="paginationControls"></ul>
+</nav>
+
 <!-- Map SKU Modal -->
 <div class="modal fade" id="mapModal" tabindex="-1">
     <div class="modal-dialog">
@@ -78,9 +84,11 @@
 <script>
 let currentMapSku = '';
 let acTimeout = null;
+let currentPage = 1;
+const perPage = 20;
 
 document.addEventListener('DOMContentLoaded', () => {
-    loadMissing();
+    loadMissing(1);
 
     const input = document.getElementById('mapCodmat');
     input.addEventListener('input', () => {
@@ -92,18 +100,20 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 });
 
-async function loadMissing() {
+async function loadMissing(page) {
+    currentPage = page || 1;
     try {
-        const res = await fetch('/api/validate/missing-skus');
+        const res = await fetch(`/api/validate/missing-skus?page=${currentPage}&per_page=${perPage}`);
         const data = await res.json();
         const tbody = document.getElementById('missingBody');
 
         document.getElementById('missingInfo').textContent =
-            `Total: ${data.total || 0} | Nerezolvate: ${data.unresolved || 0}`;
+            `Total: ${data.total || 0} | Pagina: ${data.page || 1} din ${data.pages || 1}`;
 
         const skus = data.missing_skus || [];
         if (skus.length === 0) {
-            tbody.innerHTML = '<tr><td colspan="5" class="text-center text-muted py-4">Toate SKU-urile sunt mapate!</td></tr>';
+            tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted py-4">Toate SKU-urile sunt mapate!</td></tr>';
+            renderPagination(data);
             return;
         }
 
@@ -112,31 +122,85 @@ async function loadMissing() {
                 ? '<span class="badge bg-success">Rezolvat</span>'
                 : '<span class="badge bg-warning text-dark">Nerezolvat</span>';
 
+            let firstCustomer = '-';
+            try {
+                const customers = JSON.parse(s.customers || '[]');
+                if (customers.length > 0) firstCustomer = customers[0];
+            } catch (e) { /* ignore parse errors */ }
+
+            const orderCount = s.order_count != null ? s.order_count : '-';
+
             return `<tr class="${s.resolved ? 'table-light' : ''}">
                 <td><code>${esc(s.sku)}</code></td>
                 <td>${esc(s.product_name || '-')}</td>
+                <td>${esc(orderCount)}</td>
+                <td><small>${esc(firstCustomer)}</small></td>
                 <td><small>${s.first_seen ? new Date(s.first_seen).toLocaleDateString('ro-RO') : '-'}</small></td>
                 <td>${statusBadge}</td>
                 <td>
-                    ${!s.resolved ? `<button class="btn btn-sm btn-outline-primary" onclick="openMapModal('${esc(s.sku)}')">
-                        <i class="bi bi-link-45deg"></i> Mapeaza
-                    </button>` : `<small class="text-muted">${s.resolved_at ? new Date(s.resolved_at).toLocaleDateString('ro-RO') : ''}</small>`}
+                    ${!s.resolved
+                        ? `<button class="btn btn-sm btn-outline-primary" onclick="openMapModal('${esc(s.sku)}', '${esc(s.product_name || '')}')">
+                            <i class="bi bi-link-45deg"></i> Mapeaza
+                           </button>`
+                        : `<small class="text-muted">${s.resolved_at ? new Date(s.resolved_at).toLocaleDateString('ro-RO') : ''}</small>`}
                 </td>
             </tr>`;
         }).join('');
+
+        renderPagination(data);
     } catch (err) {
         document.getElementById('missingBody').innerHTML =
-            `<tr><td colspan="5" class="text-center text-danger">${err.message}</td></tr>`;
+            `<tr><td colspan="7" class="text-center text-danger">${err.message}</td></tr>`;
     }
 }
 
-function openMapModal(sku) {
+function renderPagination(data) {
+    const ul = document.getElementById('paginationControls');
+    const total = data.pages || 1;
+    const page = data.page || 1;
+
+    if (total <= 1) {
+        ul.innerHTML = '';
+        return;
+    }
+
+    let html = '';
+
+    html += `<li class="page-item ${page <= 1 ? 'disabled' : ''}">
+        <a class="page-link" href="#" onclick="loadMissing(${page - 1}); return false;">Anterior</a>
+    </li>`;
+
+    const range = 2;
+    for (let i = 1; i <= total; i++) {
+        if (i === 1 || i === total || (i >= page - range && i <= page + range)) {
+            html += `<li class="page-item ${i === page ? 'active' : ''}">
+                <a class="page-link" href="#" onclick="loadMissing(${i}); return false;">${i}</a>
+            </li>`;
+        } else if (i === page - range - 1 || i === page + range + 1) {
+            html += `<li class="page-item disabled"><span class="page-link">…</span></li>`;
+        }
+    }
+
+    html += `<li class="page-item ${page >= total ? 'disabled' : ''}">
+        <a class="page-link" href="#" onclick="loadMissing(${page + 1}); return false;">Urmator</a>
+    </li>`;
+
+    ul.innerHTML = html;
+}
+
+function openMapModal(sku, productName) {
     currentMapSku = sku;
     document.getElementById('mapSku').textContent = sku;
-    document.getElementById('mapCodmat').value = '';
+    document.getElementById('mapCodmat').value = productName || '';
     document.getElementById('mapCantitate').value = '1';
     document.getElementById('mapProcent').value = '100';
     document.getElementById('mapSelectedArticle').textContent = '';
+    document.getElementById('mapAutocomplete').classList.add('d-none');
+
+    if (productName) {
+        autocompleteMap(productName);
+    }
+
     new bootstrap.Modal(document.getElementById('mapModal')).show();
 }
 
@@ -193,7 +257,7 @@ async function saveQuickMap() {
 
         if (data.success) {
             bootstrap.Modal.getInstance(document.getElementById('mapModal')).hide();
-            loadMissing();
+            loadMissing(currentPage);
         } else {
             alert('Eroare: ' + (data.error || 'Unknown'));
         }
@@ -205,7 +269,7 @@ async function saveQuickMap() {
 async function scanForMissing() {
     try {
         await fetch('/api/validate/scan', { method: 'POST' });
-        loadMissing();
+        loadMissing(1);
     } catch (err) {
         alert('Eroare scan: ' + err.message);
     }