From acd4abca0ac38aa57b4c4630fe7fe96925d302c0 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sat, 18 Oct 2025 14:49:39 +0700
Subject: [PATCH] feat(overview): implement email verification check and update
 UI for unverified users

---
 app/Livewire/Customer/Dashboard/Overview.php  | 14 ++++++
 .../customer/dashboard/overview.blade.php     | 50 ++++++++++++-------
 2 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/app/Livewire/Customer/Dashboard/Overview.php b/app/Livewire/Customer/Dashboard/Overview.php
index 0034f79..75dc832 100644
--- a/app/Livewire/Customer/Dashboard/Overview.php
+++ b/app/Livewire/Customer/Dashboard/Overview.php
@@ -10,6 +10,20 @@
 #[Layout('components.layouts.customer')]
 class Overview extends Component
 {
+    public bool $isVerified = false;
+
+    public function mount()
+    {
+        $this->isVerified = auth()->user()->hasVerifiedEmail();
+    }
+
+    public function checkEmailVerification()
+    {
+        auth()->user()->refresh();
+
+        $this->isVerified = auth()->user()->hasVerifiedEmail();
+    }
+
     public function render()
     {
         return view('livewire.customer.dashboard.overview');
diff --git a/resources/views/livewire/customer/dashboard/overview.blade.php b/resources/views/livewire/customer/dashboard/overview.blade.php
index 698182d..62ffcad 100644
--- a/resources/views/livewire/customer/dashboard/overview.blade.php
+++ b/resources/views/livewire/customer/dashboard/overview.blade.php
@@ -4,24 +4,6 @@
     <flux:separator variant="subtle" />
 
     <div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
-        <flux:callout icon="envelope" color="rose" inline>
-            <flux:callout.heading> Silakan verifikasi email Anda agar bisa menikmati seluruh fitur kami.
-            </flux:callout.heading>
-
-            <x-slot name="actions">
-                <flux:button>Verifikasi -></flux:button>
-            </x-slot>
-        </flux:callout>
-
-        <flux:callout icon="star" color="purple" inline>
-            <flux:callout.heading> Temukan keuntungan eksklusif dan manfaat spesial sebagai member.
-            </flux:callout.heading>
-
-            <x-slot name="actions">
-                <flux:button>Lihat</flux:button>
-            </x-slot>
-        </flux:callout>
-
         <flux:callout icon="user-group" color="blue">
             <flux:callout.heading>
                 {{ auth()->user()?->membership?->tier?->name }}
@@ -51,5 +33,37 @@
                 <flux:button>Tanya Ahli</flux:button>
             </x-slot>
         </flux:callout>
+
+        @if (!$isVerified)
+            <div wire:poll.3s="checkEmailVerification">
+                <flux:callout icon="envelope" color="rose" inline>
+                    <flux:callout.heading> Silakan verifikasi email Anda agar bisa menikmati seluruh fitur kami.
+                    </flux:callout.heading>
+
+                    <x-slot name="actions">
+                        <flux:button x-data
+                            x-on:click.prevent="
+                        if (/Android|iPhone|iPad|iPod/i.test(navigator.userAgent)) {
+                            window.location.href = 'intent://mail.google.com/#Intent;scheme=https;package=com.google.android.gm;end';
+                        } else {
+                            window.open('https://mail.google.com', '_blank');
+                        }
+                    ">
+                            Verifikasi →
+                        </flux:button>
+                    </x-slot>
+                </flux:callout>
+            </div>
+        @endif
+
+        <flux:callout icon="star" color="purple" inline>
+            <flux:callout.heading> Temukan keuntungan eksklusif dan manfaat spesial sebagai member.
+            </flux:callout.heading>
+
+            <x-slot name="actions">
+                <flux:button>Lihat</flux:button>
+            </x-slot>
+        </flux:callout>
+
     </div>
 </flux:main>