yadiparfum/parfum
yadiparfum/parfum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(voucher): memperbaiki posisi empty data

Browse Source
This commit is contained in:
Yoga Pangestu 2025-11-13 08:49:17 +07:00
parent 91397602ec
commit bf7c7e12f6
1 changed files with 64 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/views/livewire/member/voucher.blade.php
View File

@ -2,8 +2,9 @@
<flux:heading size="xl" level="1">{{ $pageTitle }}</flux:heading>
<div class="mt-6">
@if (!empty($vouchers))
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
@forelse ($vouchers as $voucher)
@foreach ($vouchers as $voucher)
<flux:card class="p-0 relative dark:bg-zinc-700!">
<flux:text class="text-white p-2 md:p-0 absolute top-2 right-3 z-50">x3</flux:text>
@ -20,7 +21,8 @@ class="h-12 sm:h-16 md:h-20">
</div>
<div class="flex-1 sm:ml-4 md:ml-4">
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
<div
class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
<div class="flex-1 w-full sm:w-auto">
<flux:heading class="mb-1">
Diskon {{ $voucher['discount_amount'] }}
@ -51,23 +53,26 @@ class="inline-block px-2 py-1 border border-emerald-300 dark:border-emerald-700
</div>
<div class="w-full sm:w-auto sm:ml-2 md:ml-4 flex justify-center sm:justify-end">
<flux:button variant="primary" color="emerald" class="w-full">Pakai</flux:button>
<flux:button variant="primary" color="emerald" class="w-full">Pakai
</flux:button>
</div>
</div>
</div>
</div>
</flux:card>
@empty
@endforeach
</div>
@else
<div class="flex justify-center flex-col">
<dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie"
autoplay loop style="width: 200px; height: 200px; margin: 0 auto;">
<dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie" autoplay
loop style="width: 200px; height: 200px; margin: 0 auto;">
</dotlottie-wc>
<flux:text class="block text-center italic mt-5">
Yahhh, sepertinya belum ada data yang tersedia.
</flux:text>
</div>
@endforelse
</div>
@endif
</div>
</flux:main>
@assets