@if(session()->has('impersonated_by') && auth()->check())
    @php
        $adminUser = \App\Models\User::find(session('impersonated_by'));
    @endphp
    <div class="fixed bottom-5 left-1/2 -translate-x-1/2 z-[9999] max-w-xl w-[calc(100%-2rem)] bg-neutral-950/95 text-white border-2 border-amber-500 rounded-2xl shadow-[0_15px_40px_rgba(0,0,0,0.85)] backdrop-blur-xl p-3 sm:px-5 sm:py-3.5 flex flex-col sm:flex-row items-center justify-between gap-3 select-none animate-bounce-short">
        <div class="flex items-center gap-3 min-w-0 w-full sm:w-auto">
            <span class="relative flex h-3 w-3 shrink-0">
                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75"></span>
                <span class="relative inline-flex rounded-full h-3 w-3 bg-amber-500"></span>
            </span>
            <div class="min-w-0 flex-1">
                <div class="font-black text-amber-400 uppercase tracking-widest text-[10px] flex items-center gap-1.5 leading-none mb-1">
                    <span>Impersonation Active</span>
                    @if($adminUser)
                        <span class="text-neutral-500">&bull;</span>
                        <span class="text-neutral-400 font-normal">by {{ $adminUser->first_name }}</span>
                    @endif
                </div>
                <div class="text-xs sm:text-sm text-gray-200 truncate">
                    Browsing as <strong class="text-white">{{ auth()->user()->first_name }} {{ auth()->user()->last_name }}</strong>
                    <span class="text-gray-400 text-xs hidden md:inline">({{ auth()->user()->email }})</span>
                </div>
            </div>
        </div>

        <form action="{{ route('impersonate.leave') }}" method="POST" class="shrink-0 w-full sm:w-auto">
            @csrf
            <button type="submit" 
                    class="w-full sm:w-auto inline-flex items-center justify-center gap-2 px-4 py-2 bg-amber-500 hover:bg-amber-400 active:scale-95 text-black font-black uppercase tracking-wider text-xs rounded-xl shadow-lg transition-all duration-200">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
                </svg>
                <span>Revert to Admin</span>
            </button>
        </form>
    </div>
@endif