From f75e2719fa0dc3047afc8f6c496e359d7eeb0eb6 Mon Sep 17 00:00:00 2001
From: Hamza-Ayed <hamzaayedflutter@gmail.com>
Date: Sat, 9 May 2026 17:15:32 +0300
Subject: [PATCH] Update: 2026-05-09 17:15:32

---
 public/shell.php | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/public/shell.php b/public/shell.php
index 844b6d7..c40410f 100644
--- a/public/shell.php
+++ b/public/shell.php
@@ -2313,11 +2313,28 @@
             </div>
             <div class="modal-divider"></div>
             <div class="modal-body" style="display:flex; flex-direction:column; gap:14px;">
-                <div style="background:var(--teal-subtle); border:1px solid rgba(4,120,87,0.2); border-radius:10px; padding:12px; text-align:center;">
-                    <h4 style="color:var(--navy); font-weight:bold; margin-bottom:8px;">تفاصيل الدفع (CliQ)</h4>
-                    <p style="margin-bottom:4px; font-size:14px;">يرجى تحويل مبلغ <strong style="color:var(--teal);" x-text="paymentData.amount + ' دينار'"></strong></p>
-                    <p style="margin-bottom:8px; font-size:14px;">إلى حساب CliQ التالي:</p>
-                    <div style="background:white; padding:8px; border-radius:6px; font-family:monospace; font-size:18px; font-weight:bold; color:var(--navy); display:inline-block; letter-spacing:2px;" x-text="paymentData.cliq_alias"></div>
+                <div style="background:var(--teal-subtle); border:1px solid rgba(4,120,87,0.2); border-radius:10px; padding:16px; text-align:center; display:flex; flex-direction:column; gap:12px;">
+                    <h4 style="color:var(--navy); font-weight:bold; margin-bottom:4px;">تفاصيل الدفع (CliQ)</h4>
+                    
+                    <div style="display:flex; justify-content:space-between; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:8px;">
+                        <span style="color:var(--text-3);">الباقة المختارة:</span>
+                        <span style="font-weight:700; color:var(--navy);" x-text="paymentData.plan_name"></span>
+                    </div>
+
+                    <div style="display:flex; justify-content:space-between; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:8px;">
+                        <span style="color:var(--text-3);">المبلغ المطلوب:</span>
+                        <span style="font-weight:700; color:var(--teal);" x-text="paymentData.amount + ' دينار أردني'"></span>
+                    </div>
+
+                    <div style="display:flex; justify-content:space-between; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:8px;">
+                        <span style="color:var(--text-3);">رقم المرجع (Reference):</span>
+                        <span style="font-weight:700; color:var(--amber); font-family:monospace;" x-text="paymentData.reference"></span>
+                    </div>
+
+                    <div style="margin-top:8px;">
+                        <p style="margin-bottom:8px; font-size:13px; color:var(--text-2);">يرجى التحويل إلى حساب CliQ التالي:</p>
+                        <div style="background:white; padding:10px 20px; border:1px dashed var(--teal); border-radius:8px; font-family:'IBM Plex Mono',monospace; font-size:20px; font-weight:bold; color:var(--navy); display:inline-block; letter-spacing:1px;" x-text="paymentData.cliq_alias"></div>
+                    </div>
                 </div>
                 
                 <div class="form-group" style="margin-top:10px;">
@@ -2347,7 +2364,7 @@
                 page: 'dashboard',
                 users: [], companies: [], invoices: [], tenants: [], subscription: null, plans: [],
                 showPaymentModal: false,
-                paymentData: { cliq_alias: '', amount: 0, plan_name: '', request_id: '' },
+                paymentData: { cliq_alias: '', amount: 0, plan_name: '', reference: '', payment_id: '' },
                 stats: { total: 0, pending: 0, approved: 0 },
 
                  showAddUserModal: false, showAddCompanyModal: false, showConnectModal: false,