Add all files
This commit is contained in:
47
Disabled/ProductPageBuilder/resources/views/index.blade.php
Normal file
47
Disabled/ProductPageBuilder/resources/views/index.blade.php
Normal file
@@ -0,0 +1,47 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user