picpeak/frontend/src/services/notifications.service.ts

import { api } from '../config/api';
import i18n from '../i18n/config';

export interface Notification {
  id: number;
  type: string;
  actorType: string;
  actorName: string;
  eventName?: string;
  eventId?: number;
  metadata: Record<string, any>;
  createdAt: string;
  readAt?: string;
  isRead: boolean;
}

export interface NotificationsResponse {
  notifications: Notification[];
  unreadCount: number;
}

export const notificationsService = {
  // Get notifications
  async getNotifications(includeRead: boolean = false, limit: number = 20): Promise<NotificationsResponse> {
    const response = await api.get('/admin/notifications', {
      params: { includeRead, limit }
    });
    return response.data;
  },

  // Mark single notification as read
  async markAsRead(notificationId: number): Promise<void> {
    await api.put(`/admin/notifications/${notificationId}/read`);
  },

  // Mark all notifications as read
  async markAllAsRead(): Promise<void> {
    await api.put('/admin/notifications/read-all');
  },

  // Clear old notifications
  async clearOldNotifications(): Promise<{ deletedCount: number }> {
    const response = await api.delete('/admin/notifications/clear-old');
    return response.data;
  },

  // Format notification message
  formatNotificationMessage(notification: Notification): string {
    const t = i18n.t;
    switch (notification.type) {
      case 'event_created':
        return t('admin.notificationMessages.eventCreated', { eventName: notification.eventName });
      case 'event_archived':
        return t('admin.notificationMessages.eventArchived', { eventName: notification.eventName });
      case 'event_updated':
        return t('admin.notificationMessages.eventUpdated', { 
          eventName: notification.eventName || notification.metadata.eventName 
        });
      case 'event_deleted':
        return t('admin.notificationMessages.eventDeleted', { 
          eventName: notification.metadata.event_name 
        });
      case 'photos_uploaded':
        return t('admin.notificationMessages.photosUploaded', { 
          count: notification.metadata.count || 0, 
          eventName: notification.eventName 
        });
      case 'photo_deleted':
        return t('admin.notificationMessages.photoDeleted', { eventName: notification.eventName });
      case 'photos_bulk_deleted':
        return t('admin.notificationMessages.photosBulkDeleted', { 
          count: notification.metadata.count || 0, 
          eventName: notification.eventName 
        });
      case 'event_expiring':
        return t('admin.notificationMessages.eventExpiring', { 
          eventName: notification.eventName, 
          days: notification.metadata.days || 0 
        });
      case 'event_expired':
        return t('admin.notificationMessages.eventExpired', { eventName: notification.eventName });
      case 'password_changed':
        return t('admin.notificationMessages.passwordChanged', { actorName: notification.actorName });
      case 'password_reset':
        return t('admin.notificationMessages.passwordReset', { 
          eventName: notification.metadata.eventName 
        });
      case 'settings_updated':
        return t('admin.notificationMessages.settingsUpdated', { 
          type: notification.metadata.type || 'System' 
        });
      case 'email_template_updated':
        return t('admin.notificationMessages.emailTemplateUpdated', { 
          template: notification.metadata.template 
        });
      case 'bulk_download':
        return t('admin.notificationMessages.bulkDownload', { 
          count: notification.metadata.count || 0, 
          eventName: notification.eventName 
        });
      case 'storage_warning':
        return t('admin.notificationMessages.storageWarning', { 
          percentage: notification.metadata.percentage || 0 
        });
      case 'admin_logout':
        return t('admin.notificationMessages.adminLogout', { actorName: notification.actorName });
      case 'category_created':
        return t('admin.notificationMessages.categoryCreated', { 
          name: notification.metadata.name, 
          eventName: notification.eventName 
        });
      case 'category_updated':
        return t('admin.notificationMessages.categoryUpdated', { 
          name: notification.metadata.name, 
          eventName: notification.eventName 
        });
      case 'category_deleted':
        return t('admin.notificationMessages.categoryDeleted', { 
          name: notification.metadata.name, 
          eventName: notification.eventName 
        });
      case 'cms_page_updated':
        return t('admin.notificationMessages.cmsPageUpdated', { 
          slug: notification.metadata.slug 
        });
      case 'email_config_updated':
        return t('admin.notificationMessages.emailConfigUpdated');
      case 'favicon_uploaded':
        return t('admin.notificationMessages.faviconUploaded');
      case 'branding_updated':
        return t('admin.notificationMessages.brandingUpdated');
      case 'general_settings_updated':
        return t('admin.notificationMessages.generalSettingsUpdated');
      case 'security_settings_updated':
        return t('admin.notificationMessages.securitySettingsUpdated');
      case 'theme_updated':
        return t('admin.notificationMessages.themeUpdated');
      case 'archive_downloaded':
        return t('admin.notificationMessages.archiveDownloaded', { 
          eventName: notification.metadata.event_name 
        });
      case 'archive_deleted':
        return t('admin.notificationMessages.archiveDeleted', { 
          eventName: notification.metadata.event_name 
        });
      case 'archive_restored':
        return t('admin.notificationMessages.archiveRestored', { 
          eventName: notification.metadata.event_name 
        });
      default:
        // Log unknown notification types for debugging
        console.warn('Unknown notification type:', notification.type, notification);
        return notification.metadata.message || t('admin.notificationMessages.systemActivity', { 
          type: notification.type.replace(/_/g, ' ') 
        });
    }
  },

  // Get notification icon and color
  getNotificationStyle(type: string): { icon: string; color: string } {
    switch (type) {
      case 'event_created':
        return { icon: 'Calendar', color: 'text-blue-600' };
      case 'event_archived':
        return { icon: 'Archive', color: 'text-green-600' };
      case 'event_updated':
      case 'event_deleted':
        return { icon: 'Calendar', color: 'text-gray-600' };
      case 'photos_uploaded':
        return { icon: 'Image', color: 'text-purple-600' };
      case 'photo_deleted':
      case 'photos_bulk_deleted':
        return { icon: 'Image', color: 'text-red-600' };
      case 'event_expiring':
        return { icon: 'AlertCircle', color: 'text-amber-600' };
      case 'event_expired':
        return { icon: 'Clock', color: 'text-red-600' };
      case 'password_changed':
      case 'password_reset':
        return { icon: 'Lock', color: 'text-indigo-600' };
      case 'settings_updated':
      case 'branding_updated':
      case 'general_settings_updated':
      case 'security_settings_updated':
      case 'theme_updated':
        return { icon: 'Settings', color: 'text-gray-600' };
      case 'email_template_updated':
      case 'email_config_updated':
        return { icon: 'Mail', color: 'text-teal-600' };
      case 'bulk_download':
        return { icon: 'Download', color: 'text-cyan-600' };
      case 'storage_warning':
        return { icon: 'Database', color: 'text-orange-600' };
      case 'admin_logout':
        return { icon: 'LogOut', color: 'text-gray-600' };
      case 'category_created':
      case 'category_updated':
      case 'category_deleted':
        return { icon: 'Folder', color: 'text-indigo-600' };
      case 'cms_page_updated':
        return { icon: 'FileText', color: 'text-green-600' };
      case 'favicon_uploaded':
        return { icon: 'Globe', color: 'text-purple-600' };
      case 'archive_downloaded':
      case 'archive_deleted':
      case 'archive_restored':
        return { icon: 'Archive', color: 'text-blue-600' };
      default:
        return { icon: 'Bell', color: 'text-gray-600' };
    }
  }
};