linked the admin confirm deposte

app/components/admin/BookingRequests.js

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
@@ -29,18 +29,20 @@ import {
 import jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
 import toast, { Toaster } from 'react-hot-toast';
+import AuthService from '../../services/AuthService';
+import { adminConfirmDeposit } from '../../utils/api';
 
 const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' }) => {
   const [reason, setReason] = useState(defaultReason);
   const [otherReason, setOtherReason] = useState('');
 
   const commonReasons = [
-    'أعمال صيانة في العقار',
-    'العقار غير متاح في هذه التواريخ',
-    'مشكلة في وثائق المستأجر',
-    'المالك غير متاح للتسليم',
-    'تأخر في دفع الضمان',
-    'سبب آخر'
+    'ط£ط¹ظ…ط§ظ„ طµظٹط§ظ†ط© ظپظٹ ط§ظ„ط¹ظ‚ط§ط±',
+    'ط§ظ„ط¹ظ‚ط§ط± ط؛ظٹط± ظ…طھط§ط­ ظپظٹ ظ‡ط°ظ‡ ط§ظ„طھظˆط§ط±ظٹط®',
+    'ظ…ط´ظƒظ„ط© ظپظٹ ظˆط«ط§ط¦ظ‚ ط§ظ„ظ…ط³طھط£ط¬ط±',
+    'ط§ظ„ظ…ط§ظ„ظƒ ط؛ظٹط± ظ…طھط§ط­ ظ„ظ„طھط³ظ„ظٹظ…',
+    'طھط£ط®ط± ظپظٹ ط¯ظپط¹ ط§ظ„ط¶ظ…ط§ظ†',
+    'ط³ط¨ط¨ ط¢ط®ط±'
   ];
 
   if (!isOpen) return null;
@@ -65,7 +67,7 @@ const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' })
             <AlertCircle className="w-8 h-8 text-red-600" />
           </div>
           <h3 className="text-xl font-bold text-gray-900">{title}</h3>
-          <p className="text-sm text-gray-500 mt-1">يرجى تحديد سبب الرفض</p>
+          <p className="text-sm text-gray-500 mt-1">ظٹط±ط¬ظ‰ طھط­ط¯ظٹط¯ ط³ط¨ط¨ ط§ظ„ط±ظپط¶</p>
         </div>
 
         <div className="space-y-3">
@@ -73,7 +75,7 @@ const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' })
             <button
               key={r}
               onClick={() => {
-                if (r === 'سبب آخر') {
+                if (r === 'ط³ط¨ط¨ ط¢ط®ط±') {
                 } else {
                   onConfirm(r);
                 }
@@ -85,7 +87,7 @@ const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' })
           ))}
 
           <textarea
-            placeholder="اكتب سبباً آخر..."
+            placeholder="ط§ظƒطھط¨ ط³ط¨ط¨ط§ظ‹ ط¢ط®ط±..."
             value={otherReason}
             onChange={(e) => setOtherReason(e.target.value)}
             className="w-full p-3 border rounded-xl resize-none focus:ring-2 focus:ring-red-500 focus:border-transparent"
@@ -98,13 +100,13 @@ const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' })
               className="flex-1 bg-red-600 text-white py-3 rounded-xl font-medium hover:bg-red-700 transition-colors"
               disabled={!otherReason.trim()}
             >
-              تأكيد الرفض
+              طھط£ظƒظٹط¯ ط§ظ„ط±ظپط¶
             </button>
             <button
               onClick={onClose}
               className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
             >
-              إلغاء
+              ط¥ظ„ط؛ط§ط،
             </button>
           </div>
         </div>
@@ -117,17 +119,17 @@ const PDFExportButton = ({ request, onExportComplete }) => {
   const [isExporting, setIsExporting] = useState(false);
 
   const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
+    return amount?.toLocaleString() + ' ظ„.ط³';
   };
 
   const generatePDF = async () => {
     if (!request) {
-      toast.error('لا توجد بيانات للتصدير');
+      toast.error('ظ„ط§ طھظˆط¬ط¯ ط¨ظٹط§ظ†ط§طھ ظ„ظ„طھطµط¯ظٹط±');
       return;
     }
     
     setIsExporting(true);
-    const loadingToast = toast.loading('جاري إنشاء ملف PDF...', { id: 'pdf-export' });
+    const loadingToast = toast.loading('ط¬ط§ط±ظٹ ط¥ظ†ط´ط§ط، ظ…ظ„ظپ PDF...', { id: 'pdf-export' });
 
     try {
       const printContent = document.createElement('div');
@@ -288,49 +290,49 @@ const PDFExportButton = ({ request, onExportComplete }) => {
                   <path d="M16 12L20 14" stroke="white"/>
                 </svg>
               </div>
-              <div class="pdf-title">تقرير طلب حجز #${request.id}</div>
-              <div class="pdf-subtitle">تاريخ التقرير: ${new Date().toLocaleDateString('ar-SA')} | ${new Date().toLocaleTimeString('ar-SA')}</div>
+              <div class="pdf-title">طھظ‚ط±ظٹط± ط·ظ„ط¨ ط­ط¬ط² #${request.id}</div>
+              <div class="pdf-subtitle">طھط§ط±ظٹط® ط§ظ„طھظ‚ط±ظٹط±: ${new Date().toLocaleDateString('ar-SA')} | ${new Date().toLocaleTimeString('ar-SA')}</div>
             </div>
             
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> معلومات المستأجر
+                <span></span> ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ظ…ط³طھط£ط¬ط±
               </div>
               <div class="pdf-grid">
                 <div class="pdf-info-item">
-                  <span class="pdf-label">الاسم الكامل:</span>
-                  <span class="pdf-value">${request.user || 'غير محدد'}</span>
+                  <span class="pdf-label">ط§ظ„ط§ط³ظ… ط§ظ„ظƒط§ظ…ظ„:</span>
+                  <span class="pdf-value">${request.user || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">نوع الهوية:</span>
-                  <span class="pdf-value">${request.userType === 'syrian' ? 'هوية سورية' : 'جواز سفر'}</span>
+                  <span class="pdf-label">ظ†ظˆط¹ ط§ظ„ظ‡ظˆظٹط©:</span>
+                  <span class="pdf-value">${request.userType === 'syrian' ? 'ظ‡ظˆظٹط© ط³ظˆط±ظٹط©' : 'ط¬ظˆط§ط² ط³ظپط±'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">رقم الهوية:</span>
-                  <span class="pdf-value">${request.identityNumber || 'غير محدد'}</span>
+                  <span class="pdf-label">ط±ظ‚ظ… ط§ظ„ظ‡ظˆظٹط©:</span>
+                  <span class="pdf-value">${request.identityNumber || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">البريد الإلكتروني:</span>
-                  <span class="pdf-value">${request.userEmail || 'غير محدد'}</span>
+                  <span class="pdf-label">ط§ظ„ط¨ط±ظٹط¯ ط§ظ„ط¥ظ„ظƒطھط±ظˆظ†ظٹ:</span>
+                  <span class="pdf-value">${request.userEmail || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">رقم الهاتف:</span>
-                  <span class="pdf-value">${request.userPhone || 'غير محدد'}</span>
+                  <span class="pdf-label">ط±ظ‚ظ… ط§ظ„ظ‡ط§طھظپ:</span>
+                  <span class="pdf-value">${request.userPhone || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
               </div>
             </div>
             
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> معلومات العقار
+                <span></span> ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ط¹ظ‚ط§ط±
               </div>
               <div class="pdf-grid">
                 <div class="pdf-info-item">
-                  <span class="pdf-label">العقار:</span>
-                  <span class="pdf-value">${request.property || 'غير محدد'}</span>
+                  <span class="pdf-label">ط§ظ„ط¹ظ‚ط§ط±:</span>
+                  <span class="pdf-value">${request.property || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">السعر اليومي:</span>
+                  <span class="pdf-label">ط§ظ„ط³ط¹ط± ط§ظ„ظٹظˆظ…ظٹ:</span>
                   <span class="pdf-value">${formatCurrency(request.dailyPrice)}</span>
                 </div>
               </div>
@@ -338,30 +340,30 @@ const PDFExportButton = ({ request, onExportComplete }) => {
             
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> تفاصيل الحجز
+                <span></span> طھظپط§طµظٹظ„ ط§ظ„ط­ط¬ط²
               </div>
               <div class="pdf-grid">
                 <div class="pdf-info-item">
-                  <span class="pdf-label">تاريخ البداية:</span>
-                  <span class="pdf-value">${request.startDate || 'غير محدد'}</span>
+                  <span class="pdf-label">طھط§ط±ظٹط® ط§ظ„ط¨ط¯ط§ظٹط©:</span>
+                  <span class="pdf-value">${request.startDate || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">تاريخ النهاية:</span>
-                  <span class="pdf-value">${request.endDate || 'غير محدد'}</span>
+                  <span class="pdf-label">طھط§ط±ظٹط® ط§ظ„ظ†ظ‡ط§ظٹط©:</span>
+                  <span class="pdf-value">${request.endDate || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">عدد الأيام:</span>
-                  <span class="pdf-value">${request.days || 0} يوم</span>
+                  <span class="pdf-label">ط¹ط¯ط¯ ط§ظ„ط£ظٹط§ظ…:</span>
+                  <span class="pdf-value">${request.days || 0} ظٹظˆظ…</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">الحالة:</span>
+                  <span class="pdf-label">ط§ظ„ط­ط§ظ„ط©:</span>
                   <span class="pdf-value">
                     <span class="pdf-status pdf-status-${request.status}">
-                      ${request.status === 'pending' ? 'قيد الانتظار' : 
-                        request.status === 'owner_approved' ? 'موافقة المالك' : 
-                        request.status === 'admin_approved' ? 'موافقة الإدارة' : 
-                        request.status === 'active' ? 'إيجار نشط' : 
-                        request.status === 'completed' ? 'منتهي' : 'مرفوض'}
+                      ${request.status === 'pending' ? 'ظ‚ظٹط¯ ط§ظ„ط§ظ†طھط¸ط§ط±' : 
+                        request.status === 'owner_approved' ? 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ' : 
+                        request.status === 'admin_approved' ? 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©' : 
+                        request.status === 'active' ? 'ط¥ظٹط¬ط§ط± ظ†ط´ط·' : 
+                        request.status === 'completed' ? 'ظ…ظ†طھظ‡ظٹ' : 'ظ…ط±ظپظˆط¶'}
                     </span>
                   </span>
                 </div>
@@ -370,27 +372,27 @@ const PDFExportButton = ({ request, onExportComplete }) => {
             
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> المعلومات المالية
+                <span></span> ط§ظ„ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ظ…ط§ظ„ظٹط©
               </div>
               <div class="pdf-grid">
                 <div class="pdf-info-item">
-                  <span class="pdf-label">سلفة الضمان:</span>
+                  <span class="pdf-label">ط³ظ„ظپط© ط§ظ„ط¶ظ…ط§ظ†:</span>
                   <span class="pdf-value">${formatCurrency(request.securityDeposit)}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">المبلغ الإجمالي:</span>
+                  <span class="pdf-label">ط§ظ„ظ…ط¨ظ„ط؛ ط§ظ„ط¥ط¬ظ…ط§ظ„ظٹ:</span>
                   <span class="pdf-value pdf-amount">${formatCurrency(request.totalAmount)}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">نسبة العمولة:</span>
+                  <span class="pdf-label">ظ†ط³ط¨ط© ط§ظ„ط¹ظ…ظˆظ„ط©:</span>
                   <span class="pdf-value">${request.commissionRate || 0}%</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">نوع العمولة:</span>
-                  <span class="pdf-value">${request.commissionType || 'غير محدد'}</span>
+                  <span class="pdf-label">ظ†ظˆط¹ ط§ظ„ط¹ظ…ظˆظ„ط©:</span>
+                  <span class="pdf-value">${request.commissionType || 'ط؛ظٹط± ظ…ط­ط¯ط¯'}</span>
                 </div>
                 <div class="pdf-info-item">
-                  <span class="pdf-label">قيمة العمولة:</span>
+                  <span class="pdf-label">ظ‚ظٹظ…ط© ط§ظ„ط¹ظ…ظˆظ„ط©:</span>
                   <span class="pdf-value">${formatCurrency(request.commissionAmount)}</span>
                 </div>
               </div>
@@ -399,7 +401,7 @@ const PDFExportButton = ({ request, onExportComplete }) => {
             ${request.notes ? `
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> ملاحظات
+                <span></span> ظ…ظ„ط§ط­ط¸ط§طھ
               </div>
               <div class="pdf-info-item" style="display: block;">
                 <span class="pdf-value">${request.notes}</span>
@@ -409,44 +411,44 @@ const PDFExportButton = ({ request, onExportComplete }) => {
             
             <div class="pdf-section">
               <div class="pdf-section-title">
-                <span></span> سجل الإجراءات
+                <span></span> ط³ط¬ظ„ ط§ظ„ط¥ط¬ط±ط§ط،ط§طھ
               </div>
               <div style="display: flex; flex-direction: column; gap: 8px;">
                 <div style="display: flex; align-items: center; gap: 10px;">
                   <span class="pdf-badge"> ${request.requestDate}</span>
-                  <span class="pdf-value">تم إنشاء الطلب</span>
+                  <span class="pdf-value">طھظ… ط¥ظ†ط´ط§ط، ط§ظ„ط·ظ„ط¨</span>
                 </div>
                 ${request.ownerApproved ? `
                 <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge">✓</span>
-                  <span class="pdf-value">تمت موافقة المالك</span>
+                  <span class="pdf-badge">✓</span>
+                  <span class="pdf-value">طھظ…طھ ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ</span>
                 </div>
                 ` : ''}
                 ${request.adminApproved ? `
                 <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge">✓</span>
-                  <span class="pdf-value">تمت موافقة الإدارة</span>
+                  <span class="pdf-badge">✓</span>
+                  <span class="pdf-value">طھظ…طھ ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©</span>
                 </div>
                 ` : ''}
                 ${request.ownerDelivered ? `
                 <div style="display: flex; align-items: center; gap: 10px;">
                   <span class="pdf-badge"></span>
-                  <span class="pdf-value">تم تسليم المفتاح</span>
+                  <span class="pdf-value">طھظ… طھط³ظ„ظٹظ… ط§ظ„ظ…ظپطھط§ط­</span>
                 </div>
                 ` : ''}
                 ${request.tenantReceived ? `
                 <div style="display: flex; align-items: center; gap: 10px;">
                   <span class="pdf-badge"></span>
-                  <span class="pdf-value">تم استلام العقار</span>
+                  <span class="pdf-value">طھظ… ط§ط³طھظ„ط§ظ… ط§ظ„ط¹ظ‚ط§ط±</span>
                 </div>
                 ` : ''}
               </div>
             </div>
             
             <div class="pdf-footer">
-              <div>تقرير صادر عن نظام SweetHome لإدارة العقارات</div>
-              <div style="margin-top: 5px;">جميع الحقوق محفوظة © ${new Date().getFullYear()} SweetHome</div>
-              <div style="margin-top: 5px; font-size: 9px;">هذا التقرير تم إنشاؤه تلقائياً ولا يحتاج إلى توقيع</div>
+              <div>طھظ‚ط±ظٹط± طµط§ط¯ط± ط¹ظ† ظ†ط¸ط§ظ… SweetHome ظ„ط¥ط¯ط§ط±ط© ط§ظ„ط¹ظ‚ط§ط±ط§طھ</div>
+              <div style="margin-top: 5px;">ط¬ظ…ظٹط¹ ط§ظ„ط­ظ‚ظˆظ‚ ظ…ط­ظپظˆط¸ط© آ© ${new Date().getFullYear()} SweetHome</div>
+              <div style="margin-top: 5px; font-size: 9px;">ظ‡ط°ط§ ط§ظ„طھظ‚ط±ظٹط± طھظ… ط¥ظ†ط´ط§ط¤ظ‡ طھظ„ظ‚ط§ط¦ظٹط§ظ‹ ظˆظ„ط§ ظٹط­طھط§ط¬ ط¥ظ„ظ‰ طھظˆظ‚ظٹط¹</div>
             </div>
           </div>
         </body>
@@ -494,12 +496,12 @@ const PDFExportButton = ({ request, onExportComplete }) => {
         pageCount++;
       }
       
-      const fileName = `تقرير_طلب_${request.id}_${new Date().toISOString().split('T')[0]}.pdf`;
+      const fileName = `طھظ‚ط±ظٹط±_ط·ظ„ط¨_${request.id}_${new Date().toISOString().split('T')[0]}.pdf`;
       pdf.save(fileName);
       
       document.body.removeChild(printContent);
       
-      toast.success(`تم تصدير التقرير بنجاح! (${pageCount} صفحة)`, { id: 'pdf-export' });
+      toast.success(`طھظ… طھطµط¯ظٹط± ط§ظ„طھظ‚ط±ظٹط± ط¨ظ†ط¬ط§ط­! (${pageCount} طµظپط­ط©)`, { id: 'pdf-export' });
       
       if (onExportComplete) {
         onExportComplete();
@@ -507,7 +509,7 @@ const PDFExportButton = ({ request, onExportComplete }) => {
       
     } catch (error) {
       console.error('Error generating PDF:', error);
-      toast.error('حدث خطأ أثناء إنشاء ملف PDF', { id: 'pdf-export' });
+      toast.error('ط­ط¯ط« ط®ط·ط£ ط£ط«ظ†ط§ط، ط¥ظ†ط´ط§ط، ظ…ظ„ظپ PDF', { id: 'pdf-export' });
     } finally {
       setIsExporting(false);
     }
@@ -522,12 +524,12 @@ const PDFExportButton = ({ request, onExportComplete }) => {
       {isExporting ? (
         <>
           <Loader2 className="w-5 h-5 animate-spin" />
-          جاري التصدير...
+          ط¬ط§ط±ظٹ ط§ظ„طھطµط¯ظٹط±...
         </>
       ) : (
         <>
           <Download className="w-5 h-5" />
-          تصدير PDF
+          طھطµط¯ظٹط± PDF
         </>
       )}
     </button>
@@ -538,7 +540,7 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
   if (!isOpen || !request) return null;
 
   const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
+    return amount?.toLocaleString() + ' ظ„.ط³';
   };
 
   return (
@@ -560,9 +562,9 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div>
             <h2 className="text-xl font-bold flex items-center gap-2">
               <FileText className="w-5 h-5" />
-              تفاصيل الطلب #{request.id}
+              طھظپط§طµظٹظ„ ط§ظ„ط·ظ„ط¨ #{request.id}
             </h2>
-            <p className="text-amber-100 text-sm mt-1">جميع معلومات الطلب في مكان واحد</p>
+            <p className="text-amber-100 text-sm mt-1">ط¬ظ…ظٹط¹ ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ط·ظ„ط¨ ظپظٹ ظ…ظƒط§ظ† ظˆط§ط­ط¯</p>
           </div>
           <button
             onClick={onClose}
@@ -576,29 +578,29 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div className="bg-gradient-to-br from-blue-50 to-indigo-50 p-4 rounded-xl">
             <h3 className="font-bold mb-3 flex items-center gap-2 text-blue-800">
               <User className="w-4 h-4" />
-              معلومات المستأجر
+              ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ظ…ط³طھط£ط¬ط±
             </h3>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className="text-xs text-gray-500">الاسم الكامل</label>
+                <label className="text-xs text-gray-500">ط§ظ„ط§ط³ظ… ط§ظ„ظƒط§ظ…ظ„</label>
                 <div className="font-medium">{request.user}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">نوع الهوية</label>
+                <label className="text-xs text-gray-500">ظ†ظˆط¹ ط§ظ„ظ‡ظˆظٹط©</label>
                 <div className="font-medium">
-                  {request.userType === 'syrian' ? '🇸🇾 هوية سورية' : 'جواز سفر'}
+                  {request.userType === 'syrian' ? 'ًں‡¸ًں‡¾ ظ‡ظˆظٹط© ط³ظˆط±ظٹط©' : 'ط¬ظˆط§ط² ط³ظپط±'}
                   <span className="text-xs text-gray-500 mr-2">{request.identityNumber}</span>
                 </div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">البريد الإلكتروني</label>
+                <label className="text-xs text-gray-500">ط§ظ„ط¨ط±ظٹط¯ ط§ظ„ط¥ظ„ظƒطھط±ظˆظ†ظٹ</label>
                 <div className="font-medium flex items-center gap-1">
                   <Mail className="w-3 h-3 text-gray-400" />
                   {request.userEmail}
                 </div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">رقم الهاتف</label>
+                <label className="text-xs text-gray-500">ط±ظ‚ظ… ط§ظ„ظ‡ط§طھظپ</label>
                 <div className="font-medium flex items-center gap-1">
                   <Phone className="w-3 h-3 text-gray-400" />
                   {request.userPhone}
@@ -610,15 +612,15 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div className="bg-gradient-to-br from-green-50 to-emerald-50 p-4 rounded-xl">
             <h3 className="font-bold mb-3 flex items-center gap-2 text-green-800">
               <Home className="w-4 h-4" />
-              معلومات العقار
+              ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ط¹ظ‚ط§ط±
             </h3>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className="text-xs text-gray-500">العقار</label>
+                <label className="text-xs text-gray-500">ط§ظ„ط¹ظ‚ط§ط±</label>
                 <div className="font-medium">{request.property}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">السعر اليومي</label>
+                <label className="text-xs text-gray-500">ط§ظ„ط³ط¹ط± ط§ظ„ظٹظˆظ…ظٹ</label>
                 <div className="font-medium text-green-600">{formatCurrency(request.dailyPrice)}</div>
               </div>
             </div>
@@ -627,23 +629,23 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div className="bg-gradient-to-br from-amber-50 to-orange-50 p-4 rounded-xl">
             <h3 className="font-bold mb-3 flex items-center gap-2 text-amber-800">
               <Calendar className="w-4 h-4" />
-              تفاصيل الحجز
+              طھظپط§طµظٹظ„ ط§ظ„ط­ط¬ط²
             </h3>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className="text-xs text-gray-500">تاريخ البداية</label>
+                <label className="text-xs text-gray-500">طھط§ط±ظٹط® ط§ظ„ط¨ط¯ط§ظٹط©</label>
                 <div className="font-medium">{request.startDate}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">تاريخ النهاية</label>
+                <label className="text-xs text-gray-500">طھط§ط±ظٹط® ط§ظ„ظ†ظ‡ط§ظٹط©</label>
                 <div className="font-medium">{request.endDate}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">عدد الأيام</label>
-                <div className="font-medium">{request.days} يوم</div>
+                <label className="text-xs text-gray-500">ط¹ط¯ط¯ ط§ظ„ط£ظٹط§ظ…</label>
+                <div className="font-medium">{request.days} ظٹظˆظ…</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">المبلغ الإجمالي</label>
+                <label className="text-xs text-gray-500">ط§ظ„ظ…ط¨ظ„ط؛ ط§ظ„ط¥ط¬ظ…ط§ظ„ظٹ</label>
                 <div className="font-medium text-green-600">{formatCurrency(request.totalAmount)}</div>
               </div>
             </div>
@@ -652,33 +654,33 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div className="bg-gradient-to-br from-purple-50 to-pink-50 p-4 rounded-xl">
             <h3 className="font-bold mb-3 flex items-center gap-2 text-purple-800">
               <DollarSign className="w-4 h-4" />
-              المعلومات المالية
+              ط§ظ„ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ظ…ط§ظ„ظٹط©
             </h3>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className="text-xs text-gray-500">سلفة الضمان</label>
+                <label className="text-xs text-gray-500">ط³ظ„ظپط© ط§ظ„ط¶ظ…ط§ظ†</label>
                 <div className="font-medium text-blue-600">{formatCurrency(request.securityDeposit)}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">حالة الرعبون</label>
+                <label className="text-xs text-gray-500">ط­ط§ظ„ط© ط§ظ„ط±ط¹ط¨ظˆظ†</label>
                 <div className={`font-medium px-3 py-1 rounded-full text-sm inline-block ${
                   request.securityDepositPaid 
                     ? 'bg-green-100 text-green-800' 
                     : 'bg-yellow-100 text-yellow-800'
                 }`}>
-                  {request.securityDepositPaid ? '✓ تم الدفع' : '⏳ في انتظار الدفع'}
+                  {request.securityDepositPaid ? '✓ طھظ… ط§ظ„ط¯ظپط¹' : 'âڈ³ ظپظٹ ط§ظ†طھط¸ط§ط± ط§ظ„ط¯ظپط¹'}
                 </div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">نسبة العمولة</label>
+                <label className="text-xs text-gray-500">ظ†ط³ط¨ط© ط§ظ„ط¹ظ…ظˆظ„ط©</label>
                 <div className="font-medium">{request.commissionRate}%</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">نوع العمولة</label>
+                <label className="text-xs text-gray-500">ظ†ظˆط¹ ط§ظ„ط¹ظ…ظˆظ„ط©</label>
                 <div className="font-medium text-amber-600">{request.commissionType}</div>
               </div>
               <div>
-                <label className="text-xs text-gray-500">قيمة العمولة</label>
+                <label className="text-xs text-gray-500">ظ‚ظٹظ…ط© ط§ظ„ط¹ظ…ظˆظ„ط©</label>
                 <div className="font-medium text-amber-600">{formatCurrency(request.commissionAmount)}</div>
               </div>
             </div>
@@ -687,29 +689,29 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
           <div className="bg-gray-50 p-4 rounded-xl">
             <h3 className="font-bold mb-3 flex items-center gap-2">
               <History className="w-4 h-4" />
-              سجل الإجراءات
+              ط³ط¬ظ„ ط§ظ„ط¥ط¬ط±ط§ط،ط§طھ
             </h3>
             <div className="space-y-2">
               <div className="flex items-center gap-2 text-sm">
                 <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-                <span className="text-gray-600">تم إنشاء الطلب: {request.requestDate}</span>
+                <span className="text-gray-600">طھظ… ط¥ظ†ط´ط§ط، ط§ظ„ط·ظ„ط¨: {request.requestDate}</span>
               </div>
               {request.ownerApproved && (
                 <div className="flex items-center gap-2 text-sm">
                   <div className="w-2 h-2 bg-blue-500 rounded-full"></div>
-                  <span className="text-gray-600">موافقة المالك</span>
+                  <span className="text-gray-600">ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ</span>
                 </div>
               )}
               {request.adminApproved && (
                 <div className="flex items-center gap-2 text-sm">
                   <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-                  <span className="text-gray-600">موافقة الإدارة</span>
+                  <span className="text-gray-600">ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©</span>
                 </div>
               )}
               {request.ownerDelivered && (
                 <div className="flex items-center gap-2 text-sm">
                   <div className="w-2 h-2 bg-purple-500 rounded-full"></div>
-                  <span className="text-gray-600">تم تسليم المفتاح من المالك</span>
+                  <span className="text-gray-600">طھظ… طھط³ظ„ظٹظ… ط§ظ„ظ…ظپطھط§ط­ ظ…ظ† ط§ظ„ظ…ط§ظ„ظƒ</span>
                 </div>
               )}
               {request.notes && (
@@ -727,7 +729,7 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
             className="flex-1 bg-blue-600 text-white py-3 rounded-xl font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"
           >
             <Printer className="w-5 h-5" />
-            طباعة التفاصيل
+            ط·ط¨ط§ط¹ط© ط§ظ„طھظپط§طµظٹظ„
           </button>
           
           <PDFExportButton request={request} />
@@ -737,11 +739,12 @@ const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
   );
 };
 
-const RequestCard = ({ request, onAction, onViewDetails }) => {
+const RequestCard = ({ request, onAction, onViewDetails, confirmingDepositId }) => {
   const [expanded, setExpanded] = useState(false);
+  const isConfirmingDeposit = confirmingDepositId === request.id;
 
   const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
+    return amount?.toLocaleString() + ' ظ„.ط³';
   };
 
   const getStatusColor = (status) => {
@@ -767,12 +770,12 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
     };
 
     const labels = {
-      pending: 'بانتظار الموافقة',
-      owner_approved: 'موافقة المالك',
-      admin_approved: 'موافقة الإدارة',
-      active: 'إيجار نشط',
-      completed: 'منتهي',
-      rejected: 'مرفوض'
+      pending: 'ط¨ط§ظ†طھط¸ط§ط± ط§ظ„ظ…ظˆط§ظپظ‚ط©',
+      owner_approved: 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ',
+      admin_approved: 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©',
+      active: 'ط¥ظٹط¬ط§ط± ظ†ط´ط·',
+      completed: 'ظ…ظ†طھظ‡ظٹ',
+      rejected: 'ظ…ط±ظپظˆط¶'
     };
 
     return (
@@ -791,7 +794,7 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
       <div className="p-4 cursor-pointer" onClick={() => setExpanded(!expanded)}>
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
-            <span className="text-lg font-bold text-gray-900">طلب #{request.id}</span>
+            <span className="text-lg font-bold text-gray-900">ط·ظ„ط¨ #{request.id}</span>
             {getStatusBadge(request.status)}
           </div>
           <div className="flex items-center gap-3">
@@ -815,7 +818,7 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
           </div>
           <div className="flex items-center gap-2 text-sm">
             <Calendar className="w-4 h-4 text-gray-400" />
-            <span>{request.days} أيام</span>
+            <span>{request.days} ط£ظٹط§ظ…</span>
           </div>
           <div className="flex items-center gap-2 text-sm">
             <DollarSign className="w-4 h-4 text-gray-400" />
@@ -834,22 +837,22 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
           >
             <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
               <div className="bg-blue-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">سلفة ضمان</div>
+                <div className="text-xs text-gray-500">ط³ظ„ظپط© ط¶ظ…ط§ظ†</div>
                 <div className="font-bold text-blue-600">{formatCurrency(request.securityDeposit)}</div>
               </div>
               <div className={`p-2 rounded-lg ${request.securityDepositPaid ? 'bg-green-50' : 'bg-yellow-50'}`}>
-                <div className="text-xs text-gray-500">حالة الرعبون</div>
+                <div className="text-xs text-gray-500">ط­ط§ظ„ط© ط§ظ„ط±ط¹ط¨ظˆظ†</div>
                 <div className={`font-bold text-xs ${request.securityDepositPaid ? 'text-green-600' : 'text-yellow-600'}`}>
-                  {request.securityDepositPaid ? 'تم الدفع' : ' بانتظار'}
+                  {request.securityDepositPaid ? 'طھظ… ط§ظ„ط¯ظپط¹' : ' ط¨ط§ظ†طھط¸ط§ط±'}
                 </div>
               </div>
               <div className="bg-amber-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">العمولة</div>
+                <div className="text-xs text-gray-500">ط§ظ„ط¹ظ…ظˆظ„ط©</div>
                 <div className="font-bold text-amber-600">{request.commissionRate}% ({request.commissionType})</div>
               </div>
               <div className="bg-purple-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">مدة الإيجار</div>
-                <div className="font-bold text-purple-600 text-xs">{request.startDate} إلى {request.endDate}</div>
+                <div className="text-xs text-gray-500">ظ…ط¯ط© ط§ظ„ط¥ظٹط¬ط§ط±</div>
+                <div className="font-bold text-purple-600 text-xs">{request.startDate} ط¥ظ„ظ‰ {request.endDate}</div>
               </div>
             </div>
 
@@ -857,7 +860,7 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
               <div className="bg-green-50 p-3 rounded-lg mb-4">
                 <h4 className="font-bold text-sm mb-2 flex items-center gap-2 text-green-800">
                   <Phone className="w-4 h-4" />
-                  معلومات الاتصال
+                  ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ط§طھطµط§ظ„
                 </h4>
                 <div className="grid grid-cols-2 gap-2 text-sm">
                   <div className="flex items-center gap-1">
@@ -880,14 +883,14 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                     className="flex-1 bg-green-600 text-white py-3 rounded-xl font-medium hover:bg-green-700 transition-all transform hover:scale-105 flex items-center justify-center gap-2"
                   >
                     <CheckCircle className="w-5 h-5" />
-                    موافقة المالك
+                    ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ
                   </button>
                   <button
                     onClick={() => onAction('owner_reject', request.id)}
                     className="flex-1 bg-red-600 text-white py-3 rounded-xl font-medium hover:bg-red-700 transition-all transform hover:scale-105 flex items-center justify-center gap-2"
                   >
                     <XCircle className="w-5 h-5" />
-                    رفض
+                    ط±ظپط¶
                   </button>
                   <button
                     onClick={() => onAction('view_details', request)}
@@ -905,14 +908,14 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                     className="flex-1 bg-blue-600 text-white py-3 rounded-xl font-medium hover:bg-blue-700 transition-all transform hover:scale-105 flex items-center justify-center gap-2"
                   >
                     <CheckCircle className="w-5 h-5" />
-                    موافقة الإدارة
+                    ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©
                   </button>
                   <button
                     onClick={() => onAction('admin_reject', request.id)}
                     className="flex-1 bg-red-600 text-white py-3 rounded-xl font-medium hover:bg-red-700 transition-all transform hover:scale-105 flex items-center justify-center gap-2"
                   >
                     <XCircle className="w-5 h-5" />
-                    رفض إداري
+                    ط±ظپط¶ ط¥ط¯ط§ط±ظٹ
                   </button>
                   <button
                     onClick={() => onAction('view_details', request)}
@@ -927,17 +930,23 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                 <div className="space-y-3">
                   <div className="grid grid-cols-3 gap-3">
                     <button
-                      onClick={() => onAction('confirm_deposit', { id: request.id })}
-                      disabled={request.securityDepositPaid}
+                      onClick={() => onAction('confirm_deposit', request)}
+                      disabled={request.securityDepositPaid || isConfirmingDeposit}
                       className={`py-3 rounded-xl font-medium flex items-center justify-center gap-2 transition-all ${
                         request.securityDepositPaid
                           ? 'bg-purple-100 text-purple-800 cursor-default'
+                          : isConfirmingDeposit
+                            ? 'bg-purple-300 text-white cursor-wait'
                           : 'bg-purple-600 text-white hover:bg-purple-700 transform hover:scale-105'
                       }`}
                     >
+                      {isConfirmingDeposit ? (
+                        <Loader2 className="w-5 h-5 animate-spin" />
+                      ) : (
                         <CreditCard className="w-5 h-5" />
-                      <span className="hidden md:inline">{request.securityDepositPaid ? 'تم دفع الرعبون' : 'تأكيد الرعبون'}</span>
-                      <span className="md:hidden">{request.securityDepositPaid ? '✓' : 'رعبون'}</span>
+                      )}
+                      <span className="hidden md:inline">{request.securityDepositPaid ? 'طھظ… ط¯ظپط¹ ط§ظ„ط±ط¹ط¨ظˆظ†' : 'طھط£ظƒظٹط¯ ط§ظ„ط±ط¹ط¨ظˆظ†'}</span>
+                      <span className="md:hidden">{request.securityDepositPaid ? '✓' : 'ط±ط¹ط¨ظˆظ†'}</span>
                     </button>
                     <button
                       onClick={() => onAction('deliver_key', { id: request.id, type: 'owner' })}
@@ -949,8 +958,8 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                       }`}
                     >
                       <Key className="w-5 h-5" />
-                      <span className="hidden md:inline">{request.ownerDelivered ? 'تم تسليم المفتاح' : 'تسليم المفتاح'}</span>
-                      <span className="md:hidden">{request.ownerDelivered ? '✓' : 'مفتاح'}</span>
+                      <span className="hidden md:inline">{request.ownerDelivered ? 'طھظ… طھط³ظ„ظٹظ… ط§ظ„ظ…ظپطھط§ط­' : 'طھط³ظ„ظٹظ… ط§ظ„ظ…ظپطھط§ط­'}</span>
+                      <span className="md:hidden">{request.ownerDelivered ? '✓' : 'ظ…ظپطھط§ط­'}</span>
                     </button>
                     <button
                       onClick={() => onAction('receive_property', { id: request.id, type: 'tenant' })}
@@ -962,8 +971,8 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                       }`}
                     >
                       <DoorOpen className="w-5 h-5" />
-                      <span className="hidden md:inline">{request.tenantReceived ? 'تم الاستلام' : 'استلام العقار'}</span>
-                      <span className="md:hidden">{request.tenantReceived ? '✓' : 'استلام'}</span>
+                      <span className="hidden md:inline">{request.tenantReceived ? 'طھظ… ط§ظ„ط§ط³طھظ„ط§ظ…' : 'ط§ط³طھظ„ط§ظ… ط§ظ„ط¹ظ‚ط§ط±'}</span>
+                      <span className="md:hidden">{request.tenantReceived ? '✓' : 'ط§ط³طھظ„ط§ظ…'}</span>
                     </button>
                   </div>
                 </div>
@@ -982,7 +991,7 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                       }`}
                     >
                       <DoorOpen className="w-5 h-5" />
-                      {request.tenantLeft ? 'تم المغادرة' : 'مغادرة العقار'}
+                      {request.tenantLeft ? 'طھظ… ط§ظ„ظ…ط؛ط§ط¯ط±ط©' : 'ظ…ط؛ط§ط¯ط±ط© ط§ظ„ط¹ظ‚ط§ط±'}
                     </button>
                     <button
                       onClick={() => onAction('owner_receive', { id: request.id, type: 'owner' })}
@@ -994,15 +1003,15 @@ const RequestCard = ({ request, onAction, onViewDetails }) => {
                       }`}
                     >
                       <Key className="w-5 h-5" />
-                      {request.ownerReceived ? 'تم الاستلام' : 'استلام العقار'}
+                      {request.ownerReceived ? 'طھظ… ط§ظ„ط§ط³طھظ„ط§ظ…' : 'ط§ط³طھظ„ط§ظ… ط§ظ„ط¹ظ‚ط§ط±'}
                     </button>
                   </div>
 
                   {request.actualStartDate && (
                     <div className="bg-gray-100 p-3 rounded-lg">
                       <div className="flex justify-between text-sm mb-1">
-                        <span>بدأ الإيجار: {request.actualStartDate}</span>
-                        <span>المدة: {request.days} يوم</span>
+                        <span>ط¨ط¯ط£ ط§ظ„ط¥ظٹط¬ط§ط±: {request.actualStartDate}</span>
+                        <span>ط§ظ„ظ…ط¯ط©: {request.days} ظٹظˆظ…</span>
                       </div>
                       <div className="w-full bg-gray-300 rounded-full h-2">
                         <div 
@@ -1026,12 +1035,12 @@ export default function BookingRequests() {
   const [requests, setRequests] = useState([
     {
       id: 'REQ001',
-      user: 'أحمد محمد',
+      user: 'ط£ط­ظ…ط¯ ظ…ط­ظ…ط¯',
       userEmail: 'ahmed@example.com',
       userPhone: '0938123456',
       userType: 'syrian',
       identityNumber: '123456789',
-      property: 'فيلا فاخرة في دمشق',
+      property: 'ظپظٹظ„ط§ ظپط§ط®ط±ط© ظپظٹ ط¯ظ…ط´ظ‚',
       propertyId: 1,
       startDate: '2024-03-01',
       endDate: '2024-03-10',
@@ -1039,7 +1048,7 @@ export default function BookingRequests() {
       totalAmount: 5000000,
       dailyPrice: 500000,
       commissionRate: 5,
-      commissionType: 'من المالك',
+      commissionType: 'ظ…ظ† ط§ظ„ظ…ط§ظ„ظƒ',
       commissionAmount: 250000,
       securityDeposit: 500000,
       status: 'pending',
@@ -1059,12 +1068,12 @@ export default function BookingRequests() {
     },
     {
       id: 'REQ002',
-      user: 'سارة أحمد',
+      user: 'ط³ط§ط±ط© ط£ط­ظ…ط¯',
       userEmail: 'sara@example.com',
       userPhone: '0945123789',
       userType: 'passport',
       identityNumber: 'AB123456',
-      property: 'شقة حديثة في حلب',
+      property: 'ط´ظ‚ط© ط­ط¯ظٹط«ط© ظپظٹ ط­ظ„ط¨',
       propertyId: 2,
       startDate: '2024-03-05',
       endDate: '2024-03-15',
@@ -1072,7 +1081,7 @@ export default function BookingRequests() {
       totalAmount: 2500000,
       dailyPrice: 250000,
       commissionRate: 7,
-      commissionType: 'من المستأجر',
+      commissionType: 'ظ…ظ† ط§ظ„ظ…ط³طھط£ط¬ط±',
       commissionAmount: 175000,
       securityDeposit: 250000,
       status: 'owner_approved',
@@ -1092,12 +1101,12 @@ export default function BookingRequests() {
     },
     {
       id: 'REQ003',
-      user: 'محمد الحلبي',
+      user: 'ظ…ط­ظ…ط¯ ط§ظ„ط­ظ„ط¨ظٹ',
       userEmail: 'mohammed@example.com',
       userPhone: '0956123456',
       userType: 'syrian',
       identityNumber: '987654321',
-      property: 'شقة بجانب البحر في اللاذقية',
+      property: 'ط´ظ‚ط© ط¨ط¬ط§ظ†ط¨ ط§ظ„ط¨ط­ط± ظپظٹ ط§ظ„ظ„ط§ط°ظ‚ظٹط©',
       propertyId: 3,
       startDate: '2024-02-20',
       endDate: '2024-03-20',
@@ -1105,7 +1114,7 @@ export default function BookingRequests() {
       totalAmount: 9000000,
       dailyPrice: 300000,
       commissionRate: 5,
-      commissionType: 'من الاثنين',
+      commissionType: 'ظ…ظ† ط§ظ„ط§ط«ظ†ظٹظ†',
       commissionAmount: 450000,
       securityDeposit: 500000,
       status: 'active',
@@ -1119,7 +1128,7 @@ export default function BookingRequests() {
       securityDepositPaid: true,
       securityDepositReturned: null,
       contractSigned: true,
-      notes: 'عقد موقع إلكترونياً',
+      notes: 'ط¹ظ‚ط¯ ظ…ظˆظ‚ط¹ ط¥ظ„ظƒطھط±ظˆظ†ظٹط§ظ‹',
       actualStartDate: '2024-02-20',
       actualEndDate: null
     }
@@ -1128,6 +1137,7 @@ export default function BookingRequests() {
   const [filter, setFilter] = useState('all');
   const [reasonDialog, setReasonDialog] = useState({ isOpen: false, requestId: null, type: null });
   const [detailsDialog, setDetailsDialog] = useState({ isOpen: false, request: null });
+  const [confirmingDepositId, setConfirmingDepositId] = useState(null);
 
   const handleAction = (action, data) => {
     switch(action) {
@@ -1144,7 +1154,7 @@ export default function BookingRequests() {
         setReasonDialog({ isOpen: true, requestId: data, type: 'admin' });
         break;
       case 'confirm_deposit':
-        handleDepositConfirmation(data.id);
+        handleDepositConfirmation(data);
         break;
       case 'deliver_key':
         handleKeyDelivery(data.id, data.type);
@@ -1195,7 +1205,7 @@ export default function BookingRequests() {
               ...req, 
               ownerApproved: true,
               status: 'owner_approved',
-              notes: 'تمت الموافقة من قبل المالك'
+              notes: 'طھظ…طھ ط§ظ„ظ…ظˆط§ظپظ‚ط© ظ…ظ† ظ‚ط¨ظ„ ط§ظ„ظ…ط§ظ„ظƒ'
             }
           : req
       )
@@ -1210,22 +1220,61 @@ export default function BookingRequests() {
               ...req, 
               adminApproved: true,
               status: 'admin_approved',
-              notes: 'تمت الموافقة من قبل الإدارة'
+              notes: 'طھظ…طھ ط§ظ„ظ…ظˆط§ظپظ‚ط© ظ…ظ† ظ‚ط¨ظ„ ط§ظ„ط¥ط¯ط§ط±ط©'
             }
           : req
       )
     );
   };
-  const handleDepositConfirmation = (requestId) => {
-    setRequests(prev =>
-      prev.map(req => {
-        if (req.id === requestId) {
-          toast.success('✓ تم تأكيد دفع الرعبون بنجاح!', { id: requestId });
-          return { ...req, securityDepositPaid: true };
+  const handleDepositConfirmation = async (request) => {
+    if (!AuthService.isAdmin()) {
+      toast.error('هذا الإجراء متاح للإدارة فقط');
+      return;
     }
-        return req;
-      })
+
+    const reservationId = Number(request?.reservationId ?? request?.id);
+    if (!Number.isFinite(reservationId)) {
+      toast.error('هذا الطلب تجريبي ولا يحتوي على reservationId من الخادم');
+      return;
+    }
+
+    const adminUser = AuthService.getUser();
+    const parsedAdminId = Number(adminUser?.id);
+    const adminId = Number.isFinite(parsedAdminId) ? parsedAdminId : adminUser?.id;
+
+    if (adminId == null || adminId === '') {
+      toast.error('لم نتمكن من تحديد هوية المدير');
+      return;
+    }
+
+    setConfirmingDepositId(request.id);
+
+    try {
+      const result = await adminConfirmDeposit(reservationId, adminId, null);
+
+      if (!result.ok) {
+        throw new Error(result.message || result.data?.message || `HTTP ${result.status}`);
+      }
+
+      setRequests((prev) =>
+        prev.map((req) =>
+          req.id === request.id
+            ? {
+                ...req,
+                securityDepositPaid: true,
+                notes: 'تم تأكيد العربون من قبل الإدارة',
+              }
+            : req,
+        ),
       );
+
+      toast.success('تم تأكيد العربون بنجاح');
+    } catch (err) {
+      console.error('[Admin] Deposit confirmation failed:', err);
+      toast.error(err.message || 'فشل تأكيد العربون');
+    } finally {
+      setConfirmingDepositId(null);
+    }
   };
 
   const handleKeyDelivery = (requestId, userType) => {
@@ -1236,11 +1285,11 @@ export default function BookingRequests() {
           
           if (userType === 'owner') {
             updates.ownerDelivered = true;
-            updates.notes = 'تم تسليم المفتاح من قبل المالك';
+            updates.notes = 'طھظ… طھط³ظ„ظٹظ… ط§ظ„ظ…ظپطھط§ط­ ظ…ظ† ظ‚ط¨ظ„ ط§ظ„ظ…ط§ظ„ظƒ';
           }
           if (userType === 'tenant') {
             updates.tenantReceived = true;
-            updates.notes = 'تم استلام العقار من قبل المستأجر';
+            updates.notes = 'طھظ… ط§ط³طھظ„ط§ظ… ط§ظ„ط¹ظ‚ط§ط± ظ…ظ† ظ‚ط¨ظ„ ط§ظ„ظ…ط³طھط£ط¬ط±';
           }
           
           if ((userType === 'owner' && req.tenantReceived) || 
@@ -1248,7 +1297,7 @@ export default function BookingRequests() {
             updates.status = 'active';
             updates.contractSigned = true;
             updates.actualStartDate = new Date().toISOString().split('T')[0];
-            updates.notes = 'بدأت فترة الإيجار الفعلية';
+            updates.notes = 'ط¨ط¯ط£طھ ظپطھط±ط© ط§ظ„ط¥ظٹط¬ط§ط± ط§ظ„ظپط¹ظ„ظٹط©';
           }
           
           return { ...req, ...updates };
@@ -1266,11 +1315,11 @@ export default function BookingRequests() {
           
           if (userType === 'tenant') {
             updates.tenantLeft = true;
-            updates.notes = 'غادر المستأجر العقار';
+            updates.notes = 'ط؛ط§ط¯ط± ط§ظ„ظ…ط³طھط£ط¬ط± ط§ظ„ط¹ظ‚ط§ط±';
           }
           if (userType === 'owner') {
             updates.ownerReceived = true;
-            updates.notes = 'استلم المالك العقار';
+            updates.notes = 'ط§ط³طھظ„ظ… ط§ظ„ظ…ط§ظ„ظƒ ط§ظ„ط¹ظ‚ط§ط±';
           }
           
           if ((userType === 'tenant' && req.ownerReceived) || 
@@ -1290,7 +1339,7 @@ export default function BookingRequests() {
             updates.actualAmount = actualAmount;
             updates.securityDepositReturned = refundAmount;
             updates.damageDeduction = damageDeduction;
-            updates.notes = `انتهى الإيجار بعد ${actualDays} يوم - المبلغ الفعلي: ${actualAmount.toLocaleString()} ل.س - مسترد الضمان: ${refundAmount.toLocaleString()} ل.س`;
+            updates.notes = `ط§ظ†طھظ‡ظ‰ ط§ظ„ط¥ظٹط¬ط§ط± ط¨ط¹ط¯ ${actualDays} ظٹظˆظ… - ط§ظ„ظ…ط¨ظ„ط؛ ط§ظ„ظپط¹ظ„ظٹ: ${actualAmount.toLocaleString()} ظ„.ط³ - ظ…ط³طھط±ط¯ ط§ظ„ط¶ظ…ط§ظ†: ${refundAmount.toLocaleString()} ظ„.ط³`;
           }
           
           return { ...req, ...updates };
@@ -1322,7 +1371,7 @@ export default function BookingRequests() {
           className="bg-gradient-to-br from-blue-600 to-blue-700 text-white rounded-2xl p-4 shadow-lg"
         >
           <div className="text-3xl font-bold mb-1">{stats.total}</div>
-          <div className="text-sm opacity-90">إجمالي الطلبات</div>
+          <div className="text-sm opacity-90">ط¥ط¬ظ…ط§ظ„ظٹ ط§ظ„ط·ظ„ط¨ط§طھ</div>
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 20 }}
@@ -1331,7 +1380,7 @@ export default function BookingRequests() {
           className="bg-gradient-to-br from-yellow-600 to-yellow-700 text-white rounded-2xl p-4 shadow-lg"
         >
           <div className="text-3xl font-bold mb-1">{stats.pending}</div>
-          <div className="text-sm opacity-90">قيد الانتظار</div>
+          <div className="text-sm opacity-90">ظ‚ظٹط¯ ط§ظ„ط§ظ†طھط¸ط§ط±</div>
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 20 }}
@@ -1340,7 +1389,7 @@ export default function BookingRequests() {
           className="bg-gradient-to-br from-purple-600 to-purple-700 text-white rounded-2xl p-4 shadow-lg"
         >
           <div className="text-3xl font-bold mb-1">{stats.active}</div>
-          <div className="text-sm opacity-90">إيجارات نشطة</div>
+          <div className="text-sm opacity-90">ط¥ظٹط¬ط§ط±ط§طھ ظ†ط´ط·ط©</div>
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 20 }}
@@ -1349,23 +1398,23 @@ export default function BookingRequests() {
           className="bg-gradient-to-br from-green-600 to-green-700 text-white rounded-2xl p-4 shadow-lg"
         >
           <div className="text-3xl font-bold mb-1">{stats.completed}</div>
-          <div className="text-sm opacity-90">منتهية</div>
+          <div className="text-sm opacity-90">ظ…ظ†طھظ‡ظٹط©</div>
         </motion.div>
       </div>
 
       <div className="bg-white/80 backdrop-blur-sm rounded-2xl p-4 shadow-lg border border-white/20">
         <div className="flex items-center justify-between mb-3">
-          <h3 className="font-bold text-gray-700">تصفية حسب الحالة</h3>
-          <span className="text-sm text-gray-500">{filteredRequests.length} طلب</span>
+          <h3 className="font-bold text-gray-700">طھطµظپظٹط© ط­ط³ط¨ ط§ظ„ط­ط§ظ„ط©</h3>
+          <span className="text-sm text-gray-500">{filteredRequests.length} ط·ظ„ط¨</span>
         </div>
         <div className="flex flex-wrap gap-2">
           {[
-            { id: 'all', label: 'الكل', color: 'gray' },
-            { id: 'pending', label: 'قيد الانتظار', color: 'yellow' },
-            { id: 'owner_approved', label: 'موافقة المالك', color: 'blue' },
-            { id: 'admin_approved', label: 'موافقة الإدارة', color: 'green' },
-            { id: 'active', label: 'إيجارات نشطة', color: 'purple' },
-            { id: 'completed', label: 'منتهية', color: 'gray' }
+            { id: 'all', label: 'ط§ظ„ظƒظ„', color: 'gray' },
+            { id: 'pending', label: 'ظ‚ظٹط¯ ط§ظ„ط§ظ†طھط¸ط§ط±', color: 'yellow' },
+            { id: 'owner_approved', label: 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ظ…ط§ظ„ظƒ', color: 'blue' },
+            { id: 'admin_approved', label: 'ظ…ظˆط§ظپظ‚ط© ط§ظ„ط¥ط¯ط§ط±ط©', color: 'green' },
+            { id: 'active', label: 'ط¥ظٹط¬ط§ط±ط§طھ ظ†ط´ط·ط©', color: 'purple' },
+            { id: 'completed', label: 'ظ…ظ†طھظ‡ظٹط©', color: 'gray' }
           ].map((tab) => (
             <button
               key={tab.id}
@@ -1389,6 +1438,7 @@ export default function BookingRequests() {
               request={request}
               onAction={handleAction}
               onViewDetails={() => setDetailsDialog({ isOpen: true, request })}
+              confirmingDepositId={confirmingDepositId}
             />
         ))}
       </div>
@@ -1402,8 +1452,8 @@ export default function BookingRequests() {
           <div className="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
             <Clock className="w-12 h-12 text-gray-400" />
           </div>
-          <h3 className="text-xl font-bold text-gray-700 mb-2">لا توجد طلبات حجز</h3>
-          <p className="text-gray-500">لا توجد طلبات حجز في هذه الفئة</p>
+          <h3 className="text-xl font-bold text-gray-700 mb-2">ظ„ط§ طھظˆط¬ط¯ ط·ظ„ط¨ط§طھ ط­ط¬ط²</h3>
+          <p className="text-gray-500">ظ„ط§ طھظˆط¬ط¯ ط·ظ„ط¨ط§طھ ط­ط¬ط² ظپظٹ ظ‡ط°ظ‡ ط§ظ„ظپط¦ط©</p>
         </motion.div>
       )}
 
@@ -1411,7 +1461,7 @@ export default function BookingRequests() {
         isOpen={reasonDialog.isOpen}
         onClose={() => setReasonDialog({ isOpen: false, requestId: null, type: null })}
         onConfirm={handleRejectWithReason}
-        title={reasonDialog.type === 'owner' ? 'رفض من المالك' : 'رفض إداري'}
+        title={reasonDialog.type === 'owner' ? 'ط±ظپط¶ ظ…ظ† ط§ظ„ظ…ط§ظ„ظƒ' : 'ط±ظپط¶ ط¥ط¯ط§ط±ظٹ'}
       />
 
       <RequestDetailsDialog

app/utils/api.js

@@ -380,6 +380,35 @@ export async function confirmDepositPayment(bookingId) {
   });
 }
 
+export async function adminConfirmDeposit(reservationId, adminId, comment = null) {
+  const token = AuthService.getToken();
+
+  const res = await fetch(`${API_BASE}/Reservations/AdminConfirmDeposit/admin-confirm-deposit`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      ...(token && { Authorization: `Bearer ${token}` }),
+    },
+    body: JSON.stringify({ reservationId, adminId, comment }),
+  });
+
+  const text = await res.text();
+  let data = null;
+
+  try {
+    data = text ? JSON.parse(text) : null;
+    if (data && typeof data === 'object' && 'data' in data) {
+      data = data.data;
+    }
+  } catch {
+    data = text;
+  }
+
+  const message = typeof data === 'object' && data?.message ? data.message : null;
+
+  return { status: res.status, data, ok: res.ok, message };
+}
+
 export async function updateBookingStatus(bookingId, status) {
   return apiFetch('/Reservations/UpdateStatus', {
     method: 'PUT',