48 lines
2.7 KiB
PHP
48 lines
2.7 KiB
PHP
<x-app-layout>
|
|
<x-slot name="title">Games</x-slot>
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
@foreach($pages as $page)
|
|
<div class="group relative bg-background-secondary hover:bg-background-secondary/80 border border-neutral rounded-lg overflow-hidden transition-all duration-300 hover:shadow-xl p-4">
|
|
@if(isset($page->hero_section['background']))
|
|
<div class="w-full h-36 overflow-hidden rounded-lg mb-4">
|
|
<img src="{{ Storage::url($page->hero_section['background']) }}"
|
|
alt="{{ $page->hero_section['title'] }}"
|
|
class="w-full h-full object-cover">
|
|
</div>
|
|
@endif
|
|
|
|
<div class="relative">
|
|
<h2 class="text-2xl font-bold text-base mb-4">{{ $page->hero_section['title'] }}</h2>
|
|
@if(isset($page->hero_section['description']))
|
|
<div class="prose dark:prose-invert line-clamp-2 mb-4">
|
|
{!! strip_tags($page->hero_section['description']) !!}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex justify-between items-start mb-4">
|
|
@if($page->min_price_details)
|
|
<div class="text-base text-white font-semibold">
|
|
@php
|
|
$currency = \App\Models\Currency::firstWhere('code', $page->min_price_details['currency_code']);
|
|
$formattedPrice = $currency ?
|
|
($currency->prefix ?? '') . number_format($page->min_price_details['price'], 2) . ($currency->suffix ?? '') :
|
|
number_format($page->min_price_details['price'], 2);
|
|
@endphp
|
|
Starting from {{ $formattedPrice }}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="mt-4 flex items-center justify-end">
|
|
<a href="{{ route('product-page.show', $page->hero_section['slug']) }}" wire:navigate class="flex items-center gap-2 justify-center bg-primary text-white text-sm font-semibold hover:bg-primary/80 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50">
|
|
View Details
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</x-app-layout>
|