@extends('layouts.app')

@section('title', 'Welcome')

@section('content')
<div class="text-center py-12">
    <h1 class="text-4xl font-bold text-gray-800 mb-6">Welcome to Laravel Auth System</h1>
    <p class="text-xl text-gray-600 mb-8">A custom authentication system with user and admin roles</p>
    
    <div class="flex justify-center space-x-4">
        @auth
            @if(Auth::user()->isAdmin())
                <a href="{{ route('admin.dashboard') }}" 
                   class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg">
                    Go to Admin Dashboard{{Auth::user()->username}}
                </a>
            @else
                <a href="{{ route('user.dashboard') }}" 
                   class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg">
                    Go to Dashboard
                </a>
            @endif
        @else
            <a href="{{ route('login') }}" 
               class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg">
                Login
            </a>
            <a href="{{ route('register') }}" 
               class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg">
                Register
            </a>
        @endauth
    </div>
</div>
@endsection