From 2ca10cf0a0fbd6141e918c20f45a60c36be3217a Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 4 Apr 2026 18:20:26 +0000
Subject: [PATCH] update display2

---
 display.php | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/display.php b/display.php
index 97b21dc..0ca23d1 100644
--- a/display.php
+++ b/display.php
@@ -38,6 +38,17 @@ qh_page_start(
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
+  @keyframes highlightPulse {
+    0% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; }
+    50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(15, 139, 141, 0.6); border: 2px solid var(--accent-strong); }
+    100% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; }
+  }
+  .blinking-ticket {
+    animation: highlightPulse 1.5s ease-in-out infinite;
+    z-index: 10;
+    position: relative;
+    background-color: #fff !important;
+  }
 </style>
 <div class="container-fluid px-0 px-lg-0 py-0 m-0" data-auto-refresh="5" style="min-height: 100vh; display: flex; flex-direction: column; ">
   <!-- Top Header for Display Board -->
@@ -79,9 +90,12 @@ qh_page_start(
         <div class="card-body p-4 bg-light">
           <?php if ($activeCalls): ?>
             <div class="row g-3 row-cols-2 row-cols-lg-5">
-              <?php foreach ($activeCalls as $ticket): $speech = qh_call_message($ticket); ?>
+              <?php foreach ($activeCalls as $ticket): $speech = qh_call_message($ticket); 
+                $isNew = abs(time() - strtotime((string) $ticket["called_at"])) <= 15;
+                $blinkClass = $isNew ? 'blinking-ticket' : '';
+              ?>
                 <div class="col">
-                  <div class="card border-0 shadow-sm h-100 announcement-card" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
+                  <div class="card border-0 shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
                     <div class="card-body w-100 text-center p-2 d-flex flex-column align-items-center justify-content-center">
                       <div class="fs-2 fw-bold text-primary mb-1"><?= qh_h($ticket['ticket_number']) ?></div>
                       <div class="small text-muted mb-1 text-truncate w-100" title="<?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?>"><?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?></div>