Actualizar configuracion.html

configuracion.html

@@ -317,10 +317,22 @@
                                         <div>
     <label class="block text-xs font-bold text-gray-600 mb-1">Contraseña</label>
     <input type="password" id="pass_homeserve" class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-red-500 outline-none" placeholder="••••••••">
+</div>
+
+<div class="mt-4 flex items-center justify-between bg-red-50/50 p-4 rounded-xl border border-red-100">
+    <div class="flex flex-col">
+        <span class="text-sm font-bold text-red-900 italic">Auto-Asignar Urgencias</span>
+        <span class="text-[10px] text-red-500 font-bold uppercase tracking-tight">Envío directo a operarios</span>
     </div>
-                                        <button type="submit" class="w-full bg-red-600 text-white font-bold py-2 rounded-lg hover:bg-red-700 transition shadow-md flex justify-center gap-2">
+    <div class="relative inline-block w-12 align-middle select-none">
+        <input type="checkbox" id="auto_homeserve" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer transition-all duration-300"/>
+        <label for="auto_homeserve" class="toggle-label block overflow-hidden h-6 rounded-full bg-slate-200 cursor-pointer transition-all duration-300"></label>
+    </div>
+</div>
+
+<button type="submit" class="w-full bg-red-600 text-white font-bold py-2 rounded-lg hover:bg-red-700 transition shadow-md flex justify-center gap-2 mt-4">
     <i data-lucide="save" class="w-4 h-4"></i> Guardar Acceso
-                                        </button>
+</button>
                                     </form>
                                 </div>
                             </div>