nuevo formulario
This commit is contained in:
Lizandro Guarnizo
@@ -88,6 +88,7 @@
|
||||
<th class="font-normal w-1/12 pl-[1rem] sm:pr-[2rem]">Contraseña de perfiles</th>
|
||||
<th class="font-normal w-1/12 pl-[1rem] sm:pr-[2rem]">URL</th>
|
||||
<th class="font-normal w-1/12 pl-[1rem] sm:pr-[2rem]">Renovación</th>
|
||||
<th class="font-normal w-1/12 pl-[1rem] sm:pr-[2rem]">DGO</th>
|
||||
<th class="font-normal w-1/12 pl-[1rem] sm:pr-[2rem]">Precio</th>
|
||||
<th class="rounded-r-lg font-normal pr-[1rem] pl-[1rem] sm:pr-[2rem] sm:pl-[2rem] w-1/11">
|
||||
</th>
|
||||
@@ -157,6 +158,15 @@
|
||||
@endif
|
||||
|
||||
</td>
|
||||
<td class="pl-[1rem] sm:pl-[2rem] text-center border-x">
|
||||
@if ($servicio->dgo)
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
|
||||
stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
@endif
|
||||
</td>
|
||||
<td class="pl-[1rem] sm:pl-[2rem] text-center border-x">
|
||||
{{ $servicio->precio ?? '' }}
|
||||
|
||||
@@ -282,6 +292,8 @@
|
||||
<input type="checkbox" name="solo_tiempo" id="solo_tiempo" wire:model="tiempo">
|
||||
<label for="renovacion" class=" text-gray-700 text-sm font-bold mb-2 ">Renovación</label>
|
||||
<input type="checkbox" name="renovacion" id="renovacion" wire:model="renovacion">
|
||||
<label for="dgo" class=" text-gray-700 text-sm font-bold mb-2 ">Requiere DGO</label>
|
||||
<input type="checkbox" name="dgo" id="dgo" wire:model="dgo">
|
||||
</div>
|
||||
|
||||
<div x-transition x-show="!tiempo">
|
||||
@@ -448,6 +460,8 @@
|
||||
<input type="checkbox" name="solo_tiempo" id="solo_tiempo" wire:model="tiempo">
|
||||
<label for="renovacion" class=" text-gray-700 text-sm font-bold mb-2 ">Renovación</label>
|
||||
<input type="checkbox" name="renovacion" id="renovacion" wire:model="renovacion">
|
||||
<label for="dgo" class=" text-gray-700 text-sm font-bold mb-2 ">Requiere DGO</label>
|
||||
<input type="checkbox" name="dgo" id="dgo" wire:model="dgo">
|
||||
</div>
|
||||
|
||||
<div x-transition x-show="!tiempo">
|
||||
|
||||
@@ -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:
|
||||
|
||||
Reference in New Issue
Block a user