@extends('layouts.app')

@section('content')
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Dashboard</h1>
    </div>

    {{-- Role-based personalized welcome message --}}
    <div class="p-6 bg-white border border-gray-200 rounded shadow-sm">
        <h2 class="text-lg font-semibold mb-2">
            👋 Welcome, {{ Auth::user()->name }}
        </h2>
        @if(auth()->user()->hasRole('super-admin'))
            <p class="text-blue-600 font-medium">👑 You are Super Admin!</p>
        @elseif(auth()->user()->hasRole('admin'))
            <p class="text-green-600 font-medium">🛠️ You are Admin!</p>
        @elseif(auth()->user()->hasRole('user'))
            <p class="text-yellow-600 font-medium">🙂 You are a Standard User!</p>
        @else
            <p class="text-gray-600">You don’t have a role assigned.</p>
        @endif
    </div>
@endsection