import { defineStore } from 'pinia';
import { useStorage } from '@vueuse/core';
import type { notification, notificationType } from '~/composables/useNotification';

const _map: Record<notificationType, { level: number; color: string; icon: string }> = {
  error: { level: 3, color: 'is-danger', icon: 'fas fa-triangle-exclamation' },
  warning: { level: 2, color: 'is-warning', icon: 'fas fa-circle-exclamation' },
  success: { level: 1, color: 'is-primary', icon: 'fas fa-circle-check' },
  info: { level: 0, color: 'is-info', icon: 'fas fa-circle-info' },
};

export const useNotificationStore = defineStore('notifications', () => {
  const notifications = useStorage<notification[]>('notifications', []);
  const unreadCount = computed<number>(() => notifications.value.filter((n) => !n.seen).length);

  const severityLevel = computed<notificationType | null>(() => {
    const unread = notifications.value.filter((n) => !n.seen);
    if (0 === unread.length) {
      return null;
    }

    return unread.reduce((h, n) => (_map[n.level].level > _map[h.level].level ? n : h)).level;
  });

  const severityColor = computed<string>(() => {
    const level = severityLevel.value;
    return level ? _map[level].color : '';
  });

  const severityIcon = computed<string>(() => {
    const level = severityLevel.value;
    return level ? _map[level].icon : '';
  });

  const sortedNotifications = computed<notification[]>(() => {
    return [...notifications.value].sort((a, b) => {
      const severityDiff = _map[b.level].level - _map[a.level].level;
      if (0 !== severityDiff) {
        return severityDiff;
      }
      return new Date(b.created).getTime() - new Date(a.created).getTime();
    });
  });

  const add = (level: notificationType, message: string, seen: boolean = false): string => {
    const id = Array.from(window.crypto.getRandomValues(new Uint8Array(14 / 2)), (dec: any) =>
      dec.toString(16).padStart(2, '0'),
    ).join('');

    notifications.value.unshift({
      id: id,
      message,
      level,
      seen: seen,
      created: new Date(),
    });

    if (notifications.value.length > 99) {
      notifications.value.length = 99;
    }

    return id;
  };

  const clear = () => (notifications.value = []);
  const markAllRead = () => notifications.value.forEach((n) => (n.seen = true));

  const markRead = (id: string) => {
    const n = notifications.value.find((n) => n.id === id);
    if (!n) {
      return;
    }
    n.seen = true;
  };

  const get = (id: string): notification | undefined =>
    notifications.value.find((n) => n.id === id);

  const remove = (id: string) =>
    (notifications.value = notifications.value.filter((n) => n.id !== id));

  return {
    notifications,
    unreadCount,
    severityLevel,
    severityColor,
    severityIcon,
    sortedNotifications,
    add,
    get,
    markAllRead,
    clear,
    markRead,
    remove,
  };
});