feat(chat): recarga con transferencia bancaria, fix OTP y mejoras UI

- Fix: autocomplete="off" en campo OTP (evita que el correo aparezca ahí)
- Recarga: nuevo paso elegir método (MercadoPago o Transferencia bancaria)
- Transferencia: muestra card con banco/clave/titular/monto y aviso de comprobante
- Validación automática al enviar foto del comprobante (flujo existente)
- Config admin: nuevos campos banco/clave/titular para transferencia
- UI: card de banco con estilo diferenciado (azul), aviso destacado en ámbar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro
2026-07-14 01:16:51 +00:00
co-authored by Claude Sonnet 4.6
parent 9d0940873d
commit 9b76f63aa0
4 changed files with 145 additions and 7 deletions
@@ -114,6 +114,34 @@
</div>
</div>
<hr class="border-gray-100">
{{-- Transferencia bancaria --}}
<div>
<h3 class="text-sm font-bold text-gray-700 mb-1">Transferencia bancaria</h3>
<p class="text-xs text-gray-400 mb-4">Datos que se muestran al cliente cuando elige pagar por transferencia. Deja vacío para deshabilitar esta opción.</p>
<div class="space-y-4">
<div>
<label class="block text-sm font-semibold text-gray-700 mb-1">Banco / Billetera</label>
<input wire:model.defer="recarga_banco_nombre" type="text" placeholder="Ej: Nequi, Bancolombia, Daviplata"
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none">
@error('recarga_banco_nombre') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-1">Número / Clave</label>
<input wire:model.defer="recarga_banco_clave" type="text" placeholder="Ej: 3001234567"
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none font-mono">
@error('recarga_banco_clave') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-1">Titular de la cuenta</label>
<input wire:model.defer="recarga_banco_titular" type="text" placeholder="Nombre del titular"
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-emerald-500 outline-none">
@error('recarga_banco_titular') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div>
</div>
</div>
{{-- Guardar --}}
<div class="flex justify-end pt-2">
<button wire:click="guardar"