<x-layout>

    <!-- Logic untuk menentukan waktu WIB -->
    @php
        // Ambil jam saat ini di zona waktu WIB (format 24 jam)
        $hour = now('Asia/Jakarta')->format('H');
        
        if ($hour >= 5 && $hour < 12) {
            $greeting = 'Good morning';
        } elseif ($hour >= 12 && $hour < 18) {
            $greeting = 'Good afternoon';
        } elseif ($hour >= 18 && $hour < 22) {
            $greeting = 'Good evening';
        } else {
            $greeting = 'Good night';
        }
    @endphp
    
    <!-- Wadah Luar -->
    <div class="flex flex-col items-center justify-center h-full min-h-[70vh]">
        
        <!-- Wadah Logo -->
        <div class="w-40 sm:w-56 md:w-72 lg:w-80 p-6 bg-white rounded-2xl shadow-sm border border-gray-100 flex items-center justify-center transition-all duration-300 hover:shadow-md">
            <!-- Gambar Logo -->
            <img 
                src="https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600" 
                alt="Logo Symmapan" 
                class="w-full h-auto object-contain drop-shadow-sm"
            />
        </div>

        <!-- Teks sambutan dinamis (berubah sesuai waktu) -->
        <h2 class="mt-8 text-2xl font-bold text-slate-100 text-center">
            {{ $greeting }}, Sir!
        </h2>
    </div>

</x-layout>