Hamza/flash-call-otp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore full 6-slot layout grid in whatsapp-webhook.php

Browse Source
This commit is contained in:
Hamza-Ayed
2026-06-24 15:05:02 +03:00
parent 23d9cfc506
commit b5e5ea01c4
1 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
backend/api/whatsapp-webhook.php
View File

@@ -59,7 +59,7 @@ for ($i = 1; $i <= 6; $i++) {
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>إعداد بوابة الواتساب — Flash Call OTP</title> <title>إدارة أرقام بوابة الواتساب (6 جلسات) — Flash Call OTP</title>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<style> <style>
@@ -139,7 +139,38 @@ for ($i = 1; $i <= 6; $i++) {
</style> </style>
</head> </head>
<body> <body>
</div> <div class="header">
<h1>إدارة أرقام بوابة الواتساب (6 جلسات)</h1>
<p>يتم توزيع رسائل الـ OTP تلقائياً على الأرقام المتصلة بالتناوب (Round-Robin).</p>
<button class="refresh-btn global-refresh" onclick="window.location.reload();">تحديث جميع الحالات 🔄</button>
</div>
<div class="grid-container">
<?php foreach ($slots as $sk => $data): ?>
<div class="card">
<div class="slot-title">رقم الجلسة: <?php echo strtoupper($sk); ?></div>
<?php if ($data['status'] === 'connected'): ?>
<div class="status-badge status-connected">متصل بنجاح ✅</div>
<p>الرقم: <b dir="ltr">+<?php echo htmlspecialchars($data['phone']); ?></b></p>
<?php elseif ($data['status'] === 'waiting_qr' && $data['qr']): ?>
<div class="status-badge status-waiting_qr">بانتظار المسح 📲</div>
<div class="qrcode-container" id="qr-<?php echo $sk; ?>"></div>
<script>
new QRCode(document.getElementById("qr-<?php echo $sk; ?>"), {
text: "<?php echo $data['qr']; ?>",
width: 200,
height: 200
});
</script>
<?php else: ?>
<div class="status-badge status-disconnected">جاري التهيئة / غير متصل ❌</div>
<p style="font-size:13px; color:#666;">سيتم إظهار الرمز تلقائياً حال توفره.</p>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div> </div>
</body> </body>
</html> </html>