update

resources/views/livewire/show-usuarios.blade.php

@@ -8,6 +8,7 @@
     modTarifas: @entangle('modTarifas'),
     modalSaldoDesc: @entangle('modalSaldoDesc'),
     editarTarifaRol: @entangle('editarTarifaRol'),
+    valor_recargar: @entangle('valor_recargar')
 }" class="h-full w-full md:my-2">
     <div class="absolute backdrop-blur-sm bg-white/70 left-0 bottom-0 top-0 right-0 h-full z-40" wire:loading
         wire:target="gestionarPromociones,actualizarTarifaRol,addpromos,eliminarUsuarioPromo,gestionar,eliminarUsuarioTarifa,addtarifas,crear,actualizar,editar,eliminar,limpiarInputAdd,limpiarInputEdit,editarPassword,limpiarContra,confirmarNewPassword,saldo,addSaldo">
@@ -585,7 +586,7 @@
                             Monto a recargar
                         </div>
                         <div>
-                            <input type="number" min="0" name="monto" wire:model="valor_recargar" placeholder="$100.000" required class="border-2 w-1/2 md:w-auto mb-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0  py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
+                            <input type="text" min="0" name="monto" wire:model="valor_recargar" placeholder="$100.000" required class="border-2 w-1/2 md:w-auto mb-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0  py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"  oninput="formatInput(this)">
 
                             <div class="flex text-sm justify-center">Tu valor total seria: $<p>
                                     {{ number_format($saldo_actual + $valor_recargar) }}
@@ -818,4 +819,17 @@
             </div>
         </div>
     </div>
+    <script>
+        function formatInput(input) {
+            let unformattedValue = input.value.replace(/\D/g, '');
+    
+            let formattedValue = unformattedValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    
+            input.value = formattedValue;
+        }
+    </script>
 </div>
+
+
+
+