{{-- Thanh người dùng + menu thao tác, dùng chung cho các trang có `admin-topbar`. --}}
@auth
    @php($chipUser = auth()->user())
    {{-- Chỉ admin đơn vị có hai giá trị này - xem User::unitExpiryWarning(). --}}
    @php($chipExpiry = $chipUser->unitExpiryWarning())
    @php($chipSubscription = $chipUser->unitSubscriptionLabel())
    <span class="user-chip-wrap" x-data="{ open: false }" @click.outside="open = false">
        <button type="button"
                class="user-chip"
                :class="{ active: open }"
                aria-haspopup="menu"
                :aria-expanded="open.toString()"
                @click="open = !open">
            <span class="user-chip-copy">
                <span class="user-chip-name">{{ $chipUser->name }}</span>
                {{-- Vai trò là dòng phụ dưới tên. Tên đơn vị đầy đủ vẫn nằm trong đầu
                     menu bên dưới, nên ở đây chỉ cần vai trò. --}}
                <span class="user-chip-role">{{ $chipUser->role->label() }}</span>
            </span>
            @if ($chipExpiry)
                <i class="bi bi-exclamation-triangle-fill user-chip-warn"
                   title="Đơn vị {{ $chipExpiry['label'] }} (hết hạn {{ $chipExpiry['expiresAt'] }})"
                   aria-label="Đơn vị sắp hết hạn"></i>
            @endif
            <i class="bi bi-chevron-down user-chip-caret" aria-hidden="true"></i>
        </button>

        <span class="user-chip-menu" x-show="open" x-transition x-cloak role="menu">
            {{-- Đầu menu là chỗ DUY NHẤT nói người đang đăng nhập là ai: tên, vai trò và
                 đơn vị (đơn vị quyết định họ thấy dữ liệu nào). Chip ở trên chỉ còn tên nên
                 ba dòng này không được bỏ đi cùng. --}}
            <span class="user-chip-menu-head">
                <span class="user-chip-menu-head-name">{{ $chipUser->name }}</span>                <span class="user-chip-menu-head-unit">
                    <i class="bi bi-diagram-2" aria-hidden="true"></i>
                    {{ $chipUser->unitLabel() }}
                </span>
                @if ($chipSubscription)
                    <span class="user-chip-menu-head-expiry {{ $chipExpiry ? 'is-warning' : '' }}">
                        <i class="bi {{ $chipExpiry ? 'bi-exclamation-triangle-fill' : 'bi-box-seam' }}" aria-hidden="true"></i>
                        <span>
                            {{ $chipSubscription }}
                            @if ($chipExpiry)
                                ({{ $chipExpiry['label'] }})
                            @endif
                        </span>
                    </span>
                @endif
            </span>

            <span class="user-chip-menu-sep" aria-hidden="true"></span>

            {{-- Thông tin cá nhân đứng trên Đăng xuất và có đường kẻ ngăn ở giữa: hai mục
                 cạnh nhau, một mục vô hại và một mục đá người dùng ra ngoài. --}}
            <a href="{{ route('profile.page') }}" class="user-chip-menu-item" role="menuitem">
                <i class="bi bi-person-gear"></i>
                <span>Thông tin cá nhân</span>
            </a>

            <span class="user-chip-menu-sep" aria-hidden="true"></span>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="user-chip-menu-item user-chip-menu-danger" role="menuitem">
                    <i class="bi bi-box-arrow-right"></i>
                    <span>Đăng xuất</span>
                </button>
            </form>
        </span>
    </span>
@endauth