123 lines
6.7 KiB
PHP
123 lines
6.7 KiB
PHP
<div>
|
|
<div class=" bg-gray-100">
|
|
|
|
<div class="md:px-10 py-8 ">
|
|
|
|
<h1 class="ml-2 text-xl sm:text-2xl font-black my-2">
|
|
{{$promo->nombre}}
|
|
</h1>
|
|
|
|
|
|
<div class="md:grid md:grid-cols-4 md:items-center ">
|
|
|
|
<div class="md:col-span-2 mb-4 md:mb-0 rounded-xl mx-2 md:w-[90%]">
|
|
<img src="{{asset($promo->img_publicidad) }}" alt="" class="rounded-xl md:w-[100%] shadow-lg">
|
|
</div>
|
|
|
|
|
|
<div class="px-8 mb-4 md:mb-0 md:border-r md:mr-6 max-w-xs">
|
|
|
|
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 font-bold mb-1">Cantidad</label>
|
|
<input type="tel" wire:model="cantidad_comprarPromo" class="@error('cantidad_tarjetaPlan') border border-red-500 @enderror border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full md:w-[72%] py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
@error('cantidad_tarjetaPlan') <span class="text-red-400 text-sm ">Requerido*</span> @enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 font-bold mb-1 ">Descripción</label>
|
|
<p class="text-gray-500 leading-tight ">
|
|
{{$promo->descripcion}}
|
|
</p>
|
|
<div class="my-2">
|
|
@foreach ($promo->tarifas as $tarifa)
|
|
<li class = " font-semibold text-gray-700 text-sm apperance-none focus:ring-0 w-full sm:w-60 py px-3 leading-tight focus:outline-none focus:shadow-outline"> {{$tarifa->pantallas}} P. de {{$tarifa->servicio->nombre}}</li>
|
|
@endforeach
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<label class="block text-gray-700 font-bold mb-1">Precio</label>
|
|
<p class="font-bold text-lg"> ${{number_format($promo->precio ?? '')}}</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="px-8 mb-4 md:mb-0 md:mr-4 max-w-xs">
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 font-bold mb-1">Nombre</label>
|
|
<input type="text" wire:model="nombre_comprarPromo" class="@error('nombre_comprarPromo') border border-red-500 @enderror border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
@error('nombre_comprarPromo') <span class="text-red-400 text-sm ">Requerido*</span> @enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 font-bold mb-1">Email</label>
|
|
<input type="text" wire:model="email_comprarPromo" class="@error('email_comprarPromo') border border-red-500 @enderror border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
@error('email_comprarPromo') <span class="text-red-400 text-sm ">Requerido*</span> @enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 font-bold mb-1">Celular</label>
|
|
<input type="text" wire:model="celular_comprarPromo" class="@error('celular_comprarPromo') border border-red-500 @enderror border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
@error('celular_comprarPromo') <span class="text-red-400 text-sm ">Requerido*</span> @enderror
|
|
</div>
|
|
|
|
<div class="px-4 py-3 sm:px-6 sm:flex sm:justify-evenly">
|
|
<span>
|
|
<button wire:click="comprar" class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green sm-text-sm sm-leading-5">Pagar</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mb-10">
|
|
<p class="text-gray-600 text-center text-lg my-8">Planes relacionados</p>
|
|
<div class="mt-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 justify-items-center gap-y-8">
|
|
@php
|
|
$n=1;
|
|
@endphp
|
|
@foreach($promociones as $plan)
|
|
@if (!empty($plan->tarifas->first()->pantallas) && $n<=4)
|
|
|
|
@php
|
|
$n++;
|
|
@endphp
|
|
<a href="/promo?promo={{$plan->id}}" class="rounded-xl mb-2 bg-white shadow-lg mx-3">
|
|
<div class=" mb-2">
|
|
<img src="{{$plan->img_publicidad}}" class="mx-auto rounded-xl bg-white border-neutral-200 shadow-md w-auto w-full cursor-pointer transition hover:scale-[1.05]">
|
|
<div class="px-4 py-2">
|
|
<p class="font-black">{{$plan->nombre}}</p>
|
|
<p class="text-sm"> {{$plan->descripcion}}</p>
|
|
|
|
<p class="font-bold text-base"> {{number_format($plan->precio)}}</p>
|
|
|
|
</div>
|
|
|
|
<div class="bg-white px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly mb-2">
|
|
|
|
<button type="button" class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-1 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Comprar</button>
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|