From 3d26700e167490506e8c724305fd586db1280d42 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Tue, 28 Jul 2026 09:41:06 -0500
Subject: [PATCH] =?UTF-8?q?feat(recepcion):=20mostrar=20contador=20de=20ex?=
 =?UTF-8?q?=C3=A1menes=20seleccionados?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Badge junto al título "Exámenes solicitados" que muestra cuántos
exámenes lleva el turno actual. Se actualiza en tiempo real al
agregar o quitar ítems del TomSelect.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 modules/turnero/views/recepcion.php | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/modules/turnero/views/recepcion.php b/modules/turnero/views/recepcion.php
index 78f5f10..e14b158 100644
--- a/modules/turnero/views/recepcion.php
+++ b/modules/turnero/views/recepcion.php
@@ -709,7 +709,9 @@ document.addEventListener('DOMContentLoaded', function() {
 
                 <!-- ── Sección 3: Exámenes ── -->
                 <div class="ficha-section">
-                    <h6><i class="fas fa-vial me-1"></i>Exámenes solicitados</h6>
+                    <h6><i class="fas fa-vial me-1"></i>Exámenes solicitados
+                        <span id="exam-count-badge" class="badge bg-primary ms-1 d-none"></span>
+                    </h6>
                     <div class="form-check mb-2">
                         <input class="form-check-input" type="checkbox" id="chk-solo-muestras" onchange="toggleSoloMuestras()">
                         <label class="form-check-label small fw-semibold text-warning" for="chk-solo-muestras">
@@ -1150,14 +1152,22 @@ let pollingConsentimientosId = null;
 
 let examTS;
 
+function _actualizarContadorExamenes() {
+    const badge = document.getElementById('exam-count-badge');
+    if (!badge || !examTS) return;
+    const n = examTS.items.length;
+    badge.textContent = n;
+    badge.classList.toggle('d-none', n === 0);
+}
+
 document.addEventListener('DOMContentLoaded', () => {
     examTS = new TomSelect('#sel-examenes', {
         plugins: ['remove_button'],
         maxOptions: null,
         selectOnTab: false,
 
-        onItemAdd() { recalcularPrecios(); examTS.setTextboxValue(''); examTS.refreshOptions(false); examTS.close(); },
-        onItemRemove: () => recalcularPrecios(),
+        onItemAdd() { recalcularPrecios(); _actualizarContadorExamenes(); examTS.setTextboxValue(''); examTS.refreshOptions(false); examTS.close(); },
+        onItemRemove() { recalcularPrecios(); _actualizarContadorExamenes(); },
         onType(str) {
             if (!str) return;
             requestAnimationFrame(() => {