From 4b5d81364a47a81e8feb7944c61e87ea9edf0ae1 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 19 Dec 2025 20:44:28 +0700
Subject: [PATCH] feat: Update membership tier progress display to use spending
 instead of points and remove reward and point history sections.

---
 .../livewire/member/memberships.blade.php     | 63 +------------------
 1 file changed, 2 insertions(+), 61 deletions(-)

diff --git a/resources/views/livewire/member/memberships.blade.php b/resources/views/livewire/member/memberships.blade.php
index 09ecf43..f338acb 100644
--- a/resources/views/livewire/member/memberships.blade.php
+++ b/resources/views/livewire/member/memberships.blade.php
@@ -19,8 +19,8 @@
                 <h2 class="text-xl font-semibold mb-4">Proses ke Tier {{ $nextTierName }}</h2>
                 <div class="relative">
                     <div class="flex justify-between mb-2 text-sm text-gray-600">
-                        <flux:text>Sekarang: {{ $currentPoints }} poin</flux:text>
-                        <flux:text>Target: {{ $nextTierPoints }}</flux:text>
+                        <flux:text>Sekarang: {{ $currentSpending }}</flux:text>
+                        <flux:text>Target: {{ $nextTierSpending }}</flux:text>
                     </div>
                     <div class="h-4 bg-white rounded-full overflow-hidden">
                         <div class="h-full bg-gradient-to-r from-emerald-500 to-emerald-600 rounded-full transition-all duration-500"
@@ -29,65 +29,6 @@
                     <flux:heading class="mt-2">{{ $progress }} %</flux:heading>
                 </div>
             </div>
-
-            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
-                <div class="lg:col-span-2">
-                    <flux:card class="mb-6 mt-2 bg-zinc-200 dark:bg-zinc-700">
-                        <flux:heading size="xl" class="text-2xl font-semibold mb-4">Redeem Hadiah
-                        </flux:heading>
-
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            @foreach ($rewards as $reward)
-                                <div class="bg-zinc-50 rounded-xl p-4">
-                                    <div class="flex items-start gap-4">
-                                        <div class="flex-1">
-                                            <h3 class="font-semibold text-gray-900 mb-1">{{ $reward['name'] }}</h3>
-                                            <p class="text-sm text-gray-500 mb-3">Seharga {{ $reward['value'] }}</p>
-                                            <button
-                                                class="px-4 py-1.5 bg-emerald-600 text-white rounded-lg text-sm font-medium hover:bg-emerald-700 transition-colors">
-                                                Redeem
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                            @endforeach
-                        </div>
-                    </flux:card>
-                </div>
-
-                <div class="lg:col-span-1">
-                    <flux:card class="mb-6 mt-2 bg-zinc-200 dark:bg-zinc-700">
-                        <flux:heading size="xl" class="text-2xl font-semibold mb-4">Riwayat Poin
-                        </flux:heading>
-
-                        <flux:table>
-                            <flux:table.columns>
-                                <flux:table.column>Tanggal</flux:table.column>
-                                <flux:table.column>Keterangan</flux:table.column>
-                                <flux:table.column>Poin</flux:table.column>
-                                <flux:table.column>Tipe</flux:table.column>
-                            </flux:table.columns>
-
-                            <flux:table.rows>
-                                @foreach ($pointRecords as $pointRecords)
-                                    <flux:table.row>
-                                        <flux:table.cell>{{ $pointRecords['date'] }}</flux:table.cell>
-                                        <flux:table.cell>{{ $pointRecords['description'] }}</flux:table.cell>
-                                        <flux:table.cell variant="strong">
-                                            <flux:text
-                                                class="{{ $pointRecords['is_addition'] ? 'text-emerald-500' : 'text-red-500' }}">
-                                                {{ $pointRecords['is_addition'] ? '+' : '-' }}
-                                                {{ $pointRecords['change'] }}
-                                            </flux:text>
-                                        </flux:table.cell>
-                                        <flux:table.cell>{{ $pointRecords['type'] }}</flux:table.cell>
-                                    </flux:table.row>
-                                @endforeach
-                            </flux:table.rows>
-                        </flux:table>
-                    </flux:card>
-                </div>
-            </div>
         @else
             <div class="flex justify-center flex-col">
                 <dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie" autoplay