{{-- Admin Header --}}
<header class="admin-header">
    <div class="header-left">
        {{-- Mobile Menu Toggle --}}
        <button class="mobile-menu-toggle d-lg-none" id="mobileMenuToggle">
            <i class="fas fa-bars"></i>
        </button>

        {{-- Current Date --}}
        <div class="header-date">
            <span id="currentDate">{{ \Carbon\Carbon::now()->locale('id')->isoFormat('dddd, D MMMM Y') }}</span>
        </div>
    </div>

    <div class="header-right">
        {{-- Notifications --}}
        <div class="header-notifications">
            <button class="notification-btn" id="notificationBtn">
                <i class="fas fa-bell"></i>
                <span class="notification-badge" id="notificationCount" style="display: none;">0</span>
            </button>

            {{-- Notification Dropdown --}}
            <div class="notification-dropdown" id="notificationDropdown">
                <div class="dropdown-header">
                    <h6>Notifikasi</h6>
                    <a href="#" class="mark-all-read" onclick="markAllAsReadFromDropdown(event)">Tandai semua dibaca</a>
                </div>
                <div class="dropdown-body" id="notificationList">
                    <div class="notification-loading">
                        <i class="fas fa-spinner fa-spin"></i>
                        <p>Memuat notifikasi...</p>
                    </div>
                </div>
                <div class="dropdown-footer">
                    <a href="{{ route('admin.notifications') }}">Lihat semua notifikasi</a>
                </div>
            </div>
        </div>

        {{-- User Profile --}}
        <div class="header-profile">
            <button class="profile-btn" id="profileBtn">
                <div class="profile-info">
                    <span class="profile-name">{{ Auth::check() ? Auth::user()->name : 'Admin' }}</span>
                    <span class="profile-date">{{ \Carbon\Carbon::now()->locale('id')->isoFormat('dddd, MMMM D, Y') }}</span>
                </div>
                <div class="profile-avatar">
                    @if(Auth::check() && Auth::user()->avatar)
                        <img src="{{ asset('storage/' . Auth::user()->avatar) }}" alt="{{ Auth::user()->name }}">
                    @else
                        <div class="avatar-placeholder">
                            <img src="{{ asset('assets/images/default-avatar.png') }}" alt="Avatar" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                            <span style="display:none;">{{ Auth::check() ? strtoupper(substr(Auth::user()->name, 0, 1)) : 'A' }}</span>
                        </div>
                    @endif
                </div>
            </button>

            {{-- Profile Dropdown --}}
            <div class="profile-dropdown" id="profileDropdown">
                <a href="{{ url('/') }}" class="dropdown-item">
                    <i class="fas fa-home"></i>
                    <span>Beranda</span>
                </a>
                <a href="{{ route('admin.profile') }}" class="dropdown-item">
                    <i class="fas fa-user"></i>
                    <span>Profil</span>
                </a>
                <form action="{{ route('logout') }}" method="POST" class="dropdown-item logout-form">
                    @csrf
                    <button type="submit" class="logout-btn">
                        <i class="fas fa-sign-out-alt"></i>
                        <span>Keluar</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</header>