@extends('layouts.app')

@section('content')
<div class="min-h-[70vh] flex items-center justify-center">
    <div class="max-w-3xl mx-auto text-center px-4">
        <div class="mb-8">
            <!-- Welcome message -->
            <h1 class="text-4xl text-gray-800 mb-4 mt-5" style="font-weight: 400;">
                Welcome back, {{ auth()->user()->name }}!
            </h1>
            
            <p class="text-xl text-gray-600 mb-6 mt-2">
                You have been redirected to your personalized dashboard.
            </p>
            
            <!-- Simple message -->
            <div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-lg text-left max-w-2xl mx-auto mt-5">
                <div class="flex" style="margin-top: 50px">
                    <div class="flex-shrink-0">
                        <svg class="h-6 w-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                        </svg>
                    </div>
                    <div class="ml-4">
                        <p class="text-lg text-gray-700">
                            You have access to specific sections of the application based on your permissions.
                            Please use the navigation menu to access the features available to you.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Optional: Time/Date -->
        <div class="mt-5 pt-8 border-t border-gray-200">
            <p class="text-gray-500">
                {{ now()->format('l, F j, Y') }}
            </p>
            <p class="text-sm text-gray-400 mt-2">
                Login time: {{ now()->format('g:i A') }}
            </p>
        </div>
    </div>
</div>
@endsection