<header class="topbar d-flex justify-content-between align-items-center">
    <div class="d-flex align-items-center">
        @yield('breadcrumbs')
    </div>
    
    <div class="d-flex align-items-center">
        <div class="text-secondary me-4" style="font-size: 0.9rem;">
            <i class="bi bi-clock me-1"></i> <span id="current-time">--:--:--</span>
        </div>
        
        <div class="position-relative me-4">
            <i class="bi bi-bell fs-5 text-secondary"></i>
            </div>

        <div class="d-flex align-items-center">
            <div class="rounded-circle bg-light d-flex justify-content-center align-items-center me-2 border text-dark fw-bold" style="width: 32px; height: 32px; font-size: 0.8rem;">
                {{ substr(auth()->user()->name ?? 'Admin', 0, 1) }}
            </div>
            <span class="fw-bold" style="font-size: 0.9rem;">{{ auth()->user()->name ?? 'Admin User' }}</span>
        </div>
    </div>
</header>