@php
    $character = auth()->user()->character;
@endphp

<div class="flex items-center space-x-4 text-sm">
    <!-- Energy Bar -->
    <div class="flex items-center space-x-2">
        <span class="text-yellow-400">⚡</span>
        <div class="w-20 bg-gray-600 rounded-full h-2">
            <div 
                class="bg-yellow-400 h-2 rounded-full transition-all duration-300"
                style="width: {{ $character->energy_percentage }}%"
            ></div>
        </div>
        <span>{{ $character->energy }}/{{ $character->max_energy }}</span>
    </div>

    <!-- Health Bar -->
    <div class="flex items-center space-x-2">
        <span class="text-red-400">❤️</span>
        <div class="w-20 bg-gray-600 rounded-full h-2">
            <div 
                class="bg-red-400 h-2 rounded-full transition-all duration-300"
                style="width: {{ $character->health_percentage }}%"
            ></div>
        </div>
        <span>{{ $character->health }}/{{ $character->max_health }}</span>
    </div>

    <!-- Money -->
    <div class="flex items-center space-x-1">
        <span class="text-green-400">💰</span>
        <span>${{ number_format($character->money) }}</span>
    </div>

    <!-- Level -->
    <div class="flex items-center space-x-1">
        <span class="text-blue-400">📈</span>
        <span>Lv. {{ $character->level }}</span>
    </div>

    <!-- Status -->
    @if($character->status !== 'active')
        <span class="px-2 py-1 text-xs rounded {{ $character->status === 'in_hospital' ? 'bg-red-500' : 'bg-yellow-500' }}">
            {{ ucfirst(str_replace('_', ' ', $character->status)) }}
        </span>
    @endif
</div>