import { ASSETS_URL } from '../../../consts/common';
import type { SidebarRightProps } from '../types';

const mockData: SidebarRightProps = {
  renderCompact: false,
  userInfoProps: {
    name: 'Keanu Cook',
    userRole: 'Billing',
    userEmail: 'keanu@perimeter81.com',
    avatarProps: {
      src: 'https://i.pinimg.com/originals/e5/a9/e8/e5a9e877bcacdc5713d2a8f98412762d.png'
    },
    statusIcon: {
      src: `${ASSETS_URL}/flags/uk.svg`
    },
    statusText: 'Apr 22, 2021 8:12 AM'
  },
  iconInfoItems: [
    {
      mainIcon: {
        src: `${ASSETS_URL}/icons/icon_devices.svg`
      },
      contentText: 'Devices:',
      contentValue: 3,
      linkProps: {
        children: 'Edit',
        href: '/manage-devices'
      },
      tooltipProps: {
        title:
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.'
      }
    },
    {
      mainIcon: {
        src: `${ASSETS_URL}/icons/icon_members.svg`
      },
      contentText: 'Groups:',
      contentValue: 23,
      linkProps: {
        children: 'Edit',
        href: '/manage-groups'
      },
      tooltipProps: {
        title:
          'Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.'
      }
    },
    {
      mainIcon: {
        src: `${ASSETS_URL}/icons/icon_applications.svg`
      },
      contentText: 'Apps:',
      contentValue: 12,
      linkProps: {
        children: 'Edit',
        href: '/manage-apps'
      },
      tooltipProps: {
        title:
          'Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.'
      }
    }
  ],
  iconListItems: [
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_lock.svg`
      },
      text: 'Reset Password',
      linkProps: {
        href: '/reset-password'
      }
    },
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_devices.svg`
      },
      text: 'Manage Devices',
      linkProps: {
        href: '/manage-devices'
      }
    },
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_userSettings.svg`
      },
      text: 'Change Role',
      linkProps: {
        href: '/change-role'
      }
    },
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_database.svg`
      },
      text: 'Reset Database 2FA',
      linkProps: {
        href: '/reset-database-2fa'
      }
    },
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_activity.svg`
      },
      text: 'View Activity',
      linkProps: {
        href: '/view-activity'
      }
    },
    {
      icon: {
        src: `${ASSETS_URL}/icons/icon_trash.svg`
      },
      text: 'Delete User',
      linkProps: {
        href: '/delete-user'
      }
    }
  ]
};

const mockNotVerified: SidebarRightProps = {
  ...mockData,
  userInfoProps: {
    name: 'John Doe',
    userRole: 'User',
    userEmail: 'john.doe@fake.com',
    avatarProps: {
      backgroundColor: '#CB5BCB',
      emailVerified: false
    },
    statusIcon: {
      src: `${ASSETS_URL}/flags/usa.svg`,
      title: 'United States of America'
    },
    statusText: 'Dec 21, 2021 12:21 AM'
  }
};

const mockUserOnline: SidebarRightProps = {
  ...mockData,
  userInfoProps: {
    name: 'Dima Kordun',
    userRole: 'Administrator',
    userEmail: 'dima@perimeter81.com',
    avatarProps: {
      initials: 'DK',
      backgroundColor: '#CB5BCB'
    },
    statusBadgeProps: {
      color: 'primary'
    },
    statusIcon: {
      src: `${ASSETS_URL}/flags/italy.svg`,
      title: 'Italy'
    },
    statusText: 'Online'
  }
};

export default mockData;
export { mockNotVerified, mockUserOnline };