Update: 2026-05-08 14:11:53

This commit is contained in:
Hamza-Ayed
2026-05-08 14:11:53 +03:00
parent 155c2d0fc0
commit be0571648a
3 changed files with 98 additions and 27 deletions

View File

@@ -1572,7 +1572,7 @@
</template>
</ul>
<button x-show="subscription?.plan_id !== p.id" class="btn-primary" style="margin-top:auto;"
@click="alert('يرجى التواصل مع الدعم الفني لترقية باقتك إلى ' + p.name_ar)">
@click="upgradePlan(p)">
ترقية الباقة الآن
</button>
</div>
@@ -1868,11 +1868,7 @@
<input type="password" x-model="connectData.secret_key" placeholder="أدخل Secret Key"
class="form-input mono" required>
</div>
<div class="form-group">
<label class="form-label">تسلسل مصدر الدخل <span class="form-label-sub">(مثال: 1)</span></label>
<input type="text" x-model="connectData.income_source_sequence" placeholder="1"
class="form-input mono">
</div>
</div>
<div class="modal-divider"></div>
<div class="modal-footer">
@@ -2250,6 +2246,42 @@
</div>
</div>
<!-- ── UPLOAD PAYMENT RECEIPT MODAL ─────────────────────────── -->
<div x-show="showPaymentModal" x-cloak class="modal-backdrop">
<div class="modal-box">
<div class="modal-head">
<div class="modal-head-icon gold">💳</div>
<div style="flex:1;">
<div class="modal-title">تأكيد دفع الاشتراك</div>
<div class="modal-subtitle">يرجى تحويل المبلغ ثم رفع وصل الدفع</div>
</div>
<button @click="showPaymentModal = false" class="modal-close-btn"></button>
</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>
<div class="form-group" style="margin-top:10px;">
<label class="form-label">صورة وصل التحويل</label>
<input type="file" @change="selectedFile = $event.target.files[0]" class="form-input" style="padding:8px;" accept="image/*,application/pdf" required>
<p style="font-size:12px; color:var(--text-3); margin-top:6px;">يرجى التأكد من وضوح رقم الحوالة والتاريخ.</p>
</div>
</div>
<div class="modal-divider"></div>
<div class="modal-footer">
<button @click="uploadReceipt" class="btn btn-navy" :disabled="isBusy" style="flex:1;">
<span x-show="!isBusy">📤 إرسال الوصل للتدقيق</span>
<span x-show="isBusy"> جاري الإرسال...</span>
</button>
<button type="button" @click="showPaymentModal = false" class="btn btn-ghost">إلغاء</button>
</div>
</div>
</div>
<!-- ════════════════════════════════════════════════════════
ALPINE.JS LOGIC UNCHANGED
@@ -2260,6 +2292,8 @@
user: JSON.parse(localStorage.getItem('user')),
page: 'dashboard',
users: [], companies: [], invoices: [], tenants: [], subscription: null, plans: [],
showPaymentModal: false,
paymentData: { cliq_alias: '', amount: 0, plan_name: '', request_id: '' },
stats: { total: 0, pending: 0, approved: 0 },
showAddUserModal: false, showAddCompanyModal: false, showConnectModal: false,