{% load static %}
<div class="notification-center">
    <button class="notification-btn" onclick="document.getElementById('notifs-dropdown').classList.toggle('open')">
        <img src="{% static 'icons/bell.svg' %}" alt="Notifications" style="max-height: 35px;">
        <span class="notif-count">3</span>
    </button>
    <div id="notifs-dropdown" class="notification-dropdown">
        <div class="notif-header">Notifications</div>
        <ul class="notif-list">
            <li>System update at 10:00am</li>
            <li>New message from HR</li>
            <li>Your report has been approved</li>
        </ul>
    </div>
</div>