@props(['concurrence'])

{{-- 
    Composant d'Alerte de Concurrence.
    Affiche un bandeau rouge si plusieurs utilisateurs consultent ou modifient
    le même compte simultanément (utile notamment lors de la délégation).
--}}
@if(isset($concurrence) && (count($concurrence->otherViewers) > 0 || ($concurrence->isDelegation && $concurrence->ownerIsOnline)))
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-6">
        <div class="p-4 bg-red-600 text-white rounded-xl shadow-lg animate-pulse flex items-center justify-between">
            <div class="flex items-center gap-3">
                <span class="text-2xl">⚠️</span>
                <div>
                    <p class="font-black uppercase tracking-tighter leading-none mb-1 text-sm">
                        Alerte : Connexion simultanée sur ce compte
                    </p>
                    <p class="text-[11px] opacity-90 leading-tight">
                        @if($concurrence->isDelegation && $concurrence->ownerIsOnline)
                            <b>{{ collect([$concurrence->displayUser->firstname, $concurrence->displayUser->name])->filter()->implode(' ') }} (Propriétaire)</b> est actuellement connecté. 
                            Veuillez quitter ce compte pour éviter d'écraser ses données.
                        @else
                            D'autres personnes travaillent actuellement sur ce compte : 
                            <b>{{ implode(', ', array_column($concurrence->otherViewers, 'name')) }}</b>.
                        @endif
                    </p>
                </div>
            </div>
            @if($concurrence->isDelegation)
                <a href="{{ route('dashboard.reset') }}" class="px-4 py-2 bg-white text-red-600 text-[10px] font-black rounded-lg uppercase shadow-sm whitespace-nowrap ml-4 hover:bg-gray-100 transition">
                    Quitter la session
                </a>
            @endif
        </div>
    </div>
@endif