nuevo formulario

This commit is contained in:
Lizandro Guarnizo
2026-06-18 11:06:49 -05:00
parent 155450b676
commit 0282645c08
9 changed files with 231 additions and 3 deletions
@@ -275,6 +275,97 @@
{{ $disponibles < 0 ? 0 : (int) $disponibles }}
{{ $disponibles == 1 ? 'plan disponible' : 'planes disponibles' }} para esta cantidad </div>
@if ($dgo)
<div class="mb-4 border-t pt-4">
<p class="text-sm font-bold mb-2">Compatibilidad DGO</p>
<p class="text-xs text-gray-400 mb-3">Identifica desde qué dispositivo accederás</p>
<div class="mb-3">
<label class="block text-gray-700 text-sm font-bold mb-2">Tipo de dispositivo:</label>
<input list="lista-tipos" wire:model.lazy="tipo_dispositivo"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="Buscar o escribir...">
<datalist id="lista-tipos">
<option value="Navegador Web (Chrome, Firefox, Edge)">
<option value="Celular Android">
<option value="Tablet Android">
<option value="iPhone">
<option value="iPad">
<option value="Apple TV">
<option value="Samsung TV">
<option value="LG TV">
<option value="Android TV">
<option value="Amazon Fire TV">
<option value="Chromecast">
<option value="Roku">
<option value="TCL TV">
<option value="TV VIDAA">
<option value="TV Zeasn">
<option value="Otro">
</datalist>
@error('tipo_dispositivo')
<span class="text-red-400 text-sm">Requerido*</span>
@enderror
</div>
<div class="mb-3">
<label class="block text-gray-700 text-sm font-bold mb-2">Marca del dispositivo:</label>
<input list="lista-marcas" wire:model.lazy="marca_dispositivo"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="Buscar o escribir...">
<datalist id="lista-marcas">
<option value="Samsung">
<option value="LG">
<option value="Apple">
<option value="TCL">
<option value="Kalley">
<option value="Hyundai">
<option value="Challenger">
<option value="Xiaomi">
<option value="Huawei">
<option value="Sony">
<option value="Panasonic">
<option value="Philips">
<option value="Hisense">
<option value="Otro">
</datalist>
@error('marca_dispositivo')
<span class="text-red-400 text-sm">Requerido*</span>
@enderror
</div>
<div class="mb-3">
<label class="block text-gray-700 text-sm font-bold mb-2">Ciudad:</label>
<input list="lista-ciudades" wire:model.lazy="ciudad"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="Buscar o escribir...">
<datalist id="lista-ciudades">
<option value="Bogotá">
<option value="Medellín">
<option value="Cali">
<option value="Barranquilla">
<option value="Cartagena">
<option value="Cúcuta">
<option value="Bucaramanga">
<option value="Pereira">
<option value="Santa Marta">
<option value="Ibagué">
<option value="Manizales">
<option value="Villavicencio">
<option value="Pasto">
<option value="Armenia">
<option value="Neiva">
<option value="Sincelejo">
<option value="Valledupar">
<option value="Montería">
</datalist>
@error('ciudad')
<span class="text-red-400 text-sm">Requerido*</span>
@enderror
</div>
</div>
@endif
<div class="mb-4">
<p class="text-xs text-gray-400 text-center">
@@ -436,6 +527,15 @@
{!! $msj->msj_compra !!}
</div>
@if ($cuentas && $cuentas->compatibilidadDgo)
<div class="mb-3 p-3 bg-gray-50 rounded-lg border">
<p class="text-sm font-bold mb-1">Compatibilidad DGO</p>
<p class="text-xs">Tipo: <span class="font-semibold">{{ $cuentas->compatibilidadDgo->tipo_dispositivo }}</span></p>
<p class="text-xs">Marca: <span class="font-semibold">{{ $cuentas->compatibilidadDgo->marca_dispositivo }}</span></p>
<p class="text-xs">Ciudad: <span class="font-semibold">{{ $cuentas->compatibilidadDgo->ciudad }}</span></p>
</div>
@endif
<div>
<p>
Información de cuentas: