<!-- Notification Tray -->
<div class="notification-tray" id="notification-tray">
    <div class="notification-header">
        <div class="notification-title">Notifications</div>
        <div class="notification-actions">
            <button class="notification-btn" id="clear-notifications">
                <i class="fas fa-trash"></i>
            </button>
            <button class="notification-btn" id="close-notifications">
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>
    <div class="notification-body">
        <div class="notification-item unread">
            <div class="notification-icon">
                <i class="fas fa-exclamation-triangle"></i>
            </div>
            <div class="notification-content">
                <div class="notification-title-text">Critical Alert</div>
                <div class="notification-desc">Pharmacy inventory critical: Amoxicillin stock below minimum level</div>
                <div class="notification-time">
                    <i class="far fa-clock"></i> Just now
                </div>
            </div>
            <div class="notification-unread"></div>
        </div>
        
        <div class="notification-item unread">
            <div class="notification-icon">
                <i class="fas fa-calendar-check"></i>
            </div>
            <div class="notification-content">
                <div class="notification-title-text">New Appointment</div>
                <div class="notification-desc">Dr. Martinez has a new appointment scheduled for tomorrow at 10:30 AM</div>
                <div class="notification-time">
                    <i class="far fa-clock"></i> 15 minutes ago
                </div>
            </div>
            <div class="notification-unread"></div>
        </div>
        
        <div class="notification-item">
            <div class="notification-icon">
                <i class="fas fa-user-plus"></i>
            </div>
            <div class="notification-content">
                <div class="notification-title-text">New Staff Member</div>
                <div class="notification-desc">Dr. Robert Chen has been added to the Cardiology department</div>
                <div class="notification-time">
                    <i class="far fa-clock"></i> 1 hour ago
                </div>
            </div>
        </div>
        
        <div class="notification-item">
            <div class="notification-icon">
                <i class="fas fa-sync-alt"></i>
            </div>
            <div class="notification-content">
                <div class="notification-title-text">System Update</div>
                <div class="notification-desc">Laboratory module has been updated to version 2.3.5</div>
                <div class="notification-time">
                    <i class="far fa-clock"></i> 3 hours ago
                </div>
            </div>
        </div>
        
        <div class="notification-item">
            <div class="notification-icon">
                <i class="fas fa-file-invoice"></i>
            </div>
            <div class="notification-content">
                <div class="notification-title-text">Billing Report</div>
                <div class="notification-desc">Monthly revenue report for June is ready for review</div>
                <div class="notification-time">
                    <i class="far fa-clock"></i> 6 hours ago
                </div>
            </div>
        </div>
    </div>
</div>