From 6991ddbc8669e039e076e8e314747988bb5e56de Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Tue, 24 Feb 2026 21:24:18 +0000
Subject: [PATCH] Actualizar asignados.html

---
 asignados.html | 49 ++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/asignados.html b/asignados.html
index 4638a1d..cda2e01 100644
--- a/asignados.html
+++ b/asignados.html
@@ -219,9 +219,52 @@
         </div>
     </div>
 
-    <div id="toast" class="fixed top-5 left-1/2 -translate-x-1/2 bg-slate-800 text-white px-5 py-3 rounded-full shadow-2xl z-[200] font-bold text-xs uppercase tracking-widest flex items-center gap-2 transition-all duration-300 opacity-0 pointer-events-none transform -translate-y-10">
-        <i data-lucide="check-circle" class="w-4 h-4 text-emerald-400"></i>
-        <span id="toastMsg">Guardado</span>
+    <div id="approveModal" class="fixed inset-0 bg-slate-900/60 z-[110] hidden flex-col justify-end transition-opacity duration-300 opacity-0">
+        <div id="approveModalContent" class="bg-white rounded-t-[2rem] p-6 pb-12 transform translate-y-full transition-transform duration-300 shadow-2xl">
+            <div class="flex justify-between items-center mb-6">
+                <div>
+                    <span id="appRef" class="text-[10px] font-black text-slate-400 uppercase tracking-widest"></span>
+                    <h3 class="font-black text-xl text-slate-800 uppercase leading-none" id="appName"></h3>
+                </div>
+                <button onclick="closeModal('approveModal', 'approveModalContent')" class="w-8 h-8 bg-slate-100 rounded-full flex items-center justify-center text-slate-500 hover:text-red-500"><i data-lucide="x" class="w-4 h-4"></i></button>
+            </div>
+
+            <div class="bg-slate-50 border-2 border-primary-dynamic p-5 rounded-2xl mb-6 shadow-inner text-center relative overflow-hidden">
+                <div class="absolute left-0 top-0 bottom-0 w-2 bg-primary-dynamic"></div>
+                <p class="text-[10px] font-black text-primary-dynamic uppercase tracking-widest mb-1">Fecha Solicitada por el Cliente</p>
+                <h4 class="text-2xl font-black text-slate-800" id="appDate">--/--/----</h4>
+                <p class="text-sm font-bold text-slate-600 mt-1" id="appTime">--:--</p>
+            </div>
+
+            <input type="hidden" id="appId">
+
+            <div class="mb-8">
+                <p class="text-[10px] font-black text-slate-500 uppercase tracking-widest mb-2 ml-1">¿Cuánto tiempo vas a tardar?</p>
+                <div class="relative">
+                    <select id="appDurationInput" class="w-full bg-slate-50 border border-slate-200 p-4 rounded-xl text-sm font-black text-slate-700 outline-none focus:ring-2 focus:ring-primary-dynamic appearance-none pr-10">
+                        <option value="15">15 Minutos (Muy rápido)</option>
+                        <option value="30">30 Minutos</option>
+                        <option value="45">45 Minutos</option>
+                        <option value="60" selected>1 Hora (Estándar)</option>
+                        <option value="90">1 Hora y Media</option>
+                        <option value="120">2 Horas</option>
+                        <option value="180">3 Horas</option>
+                        <option value="240">4 Horas (Media jornada)</option>
+                    </select>
+                    <i data-lucide="chevron-down" class="w-5 h-5 absolute right-4 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-2 gap-3">
+                <button onclick="rejectRequest()" id="btnReject" class="bg-white border-2 border-rose-200 text-rose-600 font-black py-4 rounded-xl hover:bg-rose-50 flex items-center justify-center gap-2 transition-all text-xs uppercase tracking-widest">
+                    <i data-lucide="x" class="w-4 h-4"></i> Rechazar
+                </button>
+                <button onclick="approveRequest()" id="btnApprove" class="bg-primary-dynamic text-white font-black py-4 rounded-xl shadow-lg hover:opacity-90 flex items-center justify-center gap-2 transition-all text-xs uppercase tracking-widest">
+                    <i data-lucide="check" class="w-4 h-4"></i> Aceptar
+                </button>
+            </div>
+            <p class="text-center text-[9px] font-bold text-slate-400 mt-4">Al aceptar, se enviará un WhatsApp al cliente confirmando la cita automáticamente.</p>
+        </div>
     </div>
 
     <script>