52 lines
3.1 KiB
PHP
Executable File
52 lines
3.1 KiB
PHP
Executable File
<div x-data="{categoria : @entangle('categoria')}">
|
|
<div class="mt-4 mb-4">
|
|
<h1 class=" text-gray-600 text-center text-lg my-8">Mas vendidos</h1>
|
|
<div class="mt-4 grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 justify-items-center gap-y-8">
|
|
@foreach ($promociones as $promocion)
|
|
<div class="shadow rounded-lg mb-2">
|
|
<a href="/promo?promo={{$promocion->id}}">
|
|
<img src="{{ asset($promocion->img_publicidad) }}" class="rounded-xl border-2 border-neutral-200 shadow-md w-full h-24 sm:h-44 cursor-pointer transition hover:scale-[1.05]">
|
|
</a >
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class=" px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly mb-2">
|
|
<span>
|
|
<a href="{{ route('categorias') }}" 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">Ver promociones</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-10" id="planes">
|
|
<h1 class="text-gray-600 text-center text-lg my-8">Planes</h1>
|
|
<div class="mt-4 grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 justify-items-center gap-y-8 pb-12">
|
|
@foreach ($planes as $plan)
|
|
@if (!empty($plan->tarifas->first()->pantallas))
|
|
<a href="/single?servicio={{$plan->id}}" class="rounded-xl mb-2 bg-white shadow-lg">
|
|
<div class="w-36 sm:w-44 ">
|
|
<img src="{{ asset($plan->img_inicio) }}" class="rounded-xl bg-white border-neutral-200 shadow-md w-full h-36 sm:h-44 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>
|
|
@if ($plan->tarifas_min_valor != $plan->tarifas_max_valor)
|
|
|
|
<p class="font-bold text-base"> {{number_format($plan->tarifas_min_valor) ?? ''}} - {{number_format($plan->tarifas_max_valor) ?? ''}}</p>
|
|
@else
|
|
<p class="font-bold text-base"> {{number_format($plan->tarifas_min_valor) ?? ''}}</p>
|
|
@endif
|
|
</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">Ver tarifas</button>
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
</div>
|