From fdaffaafbc72f802406f87b2a01648b22fe0bbc7 Mon Sep 17 00:00:00 2001
From: Hamza-Ayed <hamzaayedflutter@gmail.com>
Date: Tue, 5 May 2026 01:23:49 +0300
Subject: [PATCH] Update: 2026-05-05 01:23:49

---
 public/shell.php | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/public/shell.php b/public/shell.php
index bd65df8..1c674c2 100644
--- a/public/shell.php
+++ b/public/shell.php
@@ -1950,6 +1950,25 @@
                     <button @click="showViewModal = false" class="modal-close-btn">✕</button>
                 </div>
 
+                <!-- Validation Warnings Banner -->
+                <div x-show="currentInvoice?.validation_warnings?.length > 0" 
+                     style="background:#fffbeb; border-bottom:1px solid #fde68a; padding:12px 16px;">
+                    <div style="display:flex; gap:10px; align-items:flex-start;">
+                        <span style="font-size:18px;">⚠️</span>
+                        <div>
+                            <div style="font-weight:700; color:#92400e; font-size:13px; margin-bottom:4px;">تنبيهات المدقق الذكي:</div>
+                            <ul style="margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:4px;">
+                                <template x-for="w in currentInvoice.validation_warnings">
+                                    <li style="font-size:12px; color:#b45309; display:flex; gap:6px;">
+                                        <span>•</span>
+                                        <span x-text="w"></span>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
                 <!-- Fields -->
                 <div style="flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px;">
 
@@ -2026,8 +2045,18 @@
                 <!-- Actions -->
                 <div
                     style="padding:14px 16px; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:8px;">
+                    <!-- Warnings Acknowledgement -->
+                    <div x-show="currentInvoice?.status === 'extracted' && currentInvoice?.validation_warnings?.length > 0"
+                         style="background:#f8fafc; border:1px solid var(--border); border-radius:10px; padding:10px; margin-bottom:4px;">
+                        <label style="display:flex; gap:10px; align-items:center; cursor:pointer; user-select:none;">
+                            <input type="checkbox" x-model="acknowledgedWarnings" style="width:16px; height:16px; accent-color:var(--teal);">
+                            <span style="font-size:12px; font-weight:600; color:var(--text-2);">لقد راجعت التنبيهات وأتحمل مسؤولية الاعتماد</span>
+                        </label>
+                    </div>
+
                     <button x-show="currentInvoice?.status === 'extracted'" @click="approveInvoice" class="btn btn-teal"
-                        :disabled="isBusy" style="width:100%; justify-content:center;">
+                        :disabled="isBusy || (currentInvoice?.validation_warnings?.length > 0 && !acknowledgedWarnings)" 
+                        style="width:100%; justify-content:center;">
                         <span x-show="!isBusy">✔️ تدقيق واعتماد</span>
                         <span x-show="isBusy">⏳ جاري التدقيق...</span>
                     </button>
@@ -2184,6 +2213,7 @@
                 showAddUserModal: false, showAddCompanyModal: false, showConnectModal: false,
                 showUploadModal: false, showViewModal: false, showCompanyStatsModal: false,
                 showAddTenantModal: false, showEditTenantModal: false, showTenantStatsModal: false,
+                acknowledgedWarnings: false,
                 isBusy: false, globalError: '',
 
                 newUser: { name: '', email: '', password: '', role: 'accountant', tenant_id: '' },