Here's the complete notifications.php file for your stock notification system:

This file:

1. Connects to your database and includes the notification helper functions
2. Retrieves all notifications using the getNotifications() function

3. Displays each notification in a card format with:

   • Different icons based on notification type (out of stock or low stock)
   • Title and timestamp
   • Message content
   • Action buttons (view product, mark as read, delete)
4. Shows an empty state message if no notifications are found
5. Includes the necessary CSS and JavaScript files

The notifications are displayed with proper styling and animations. The JavaScript will handle:

• Converting timestamps to "time ago" format
• Marking notifications as read
• Deleting notifications
• Categorizing notifications based on their content

Make sure you have all the supporting files in place:

• notification-styles.css for styling
• notification-scripts.js for JavaScript functionality
• config/database.php for database connection
• includes/notification-functions.php for helper functions

This file integrates with your existing product system and will display notifications for low stock and out of stock products.

Here are the complete CSS and JavaScript files for your notification system:

CSS File (notification-styles.css)

JavaScript File (notification-scripts.js)

Additional JavaScript for Stock Monitoring (stock-monitor.js)

This completes the CSS and JavaScript files for your notification system. The CSS provides styling for the notification cards, badges, and responsive design, while the JavaScript handles all the functionality including:

1. Converting timestamps to "time ago" format
2. Marking notifications as read
3. Deleting notifications
4. Categorizing notifications based on their content
5. Adding stock status badges
6. Checking for new notifications
7. Handling restock and order requests

The stock monitoring JavaScript file provides additional functionality for monitoring product stock levels and handling restock/order requests directly from product pages.

These files work together with the PHP backend to create a complete notification system for your inventory management.