import { wording } from 'src/words'

export const wordings = {
  assignTeamLabel: 'assign team',
  assignRoleLabel: 'assign role',
}

const optionsList = {
  teamOptions: [
    {
      label: wordings.assignTeamLabel,
      value: '',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team A',
      value: 'Team A',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team B',
      value: 'Team B',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team C',
      value: 'Team C',
      isDisabled: false,
      isSelected: false,
    },
  ],
  roleOptions: [
    {
      label: wordings.assignRoleLabel,
      value: '',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Manager',
      value: 'Manager',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'User',
      value: 'User',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const inputList = [
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'invite-form-container',
    name: 'invite-form-container',
    elementList: [
      {
        identity: 'email-address',
        type: 'text',
        value: '',
        className: 'form-inputs',
        name: 'emailAddress',
        labelText: wording.emailAddressLabel,
        maxLength: '254',
        wrapperClassName: 'form-item-wrapper',
        validationType: 'email',
        errorMessageFor: 'email',
        autocomplete: 'email',
        ariaLabel: 'qa-email-textbox',
        animatePlaceholder: false,
        dataQa: 'qa-email-textbox',
        icon: {
          breedType: 'email',
          breed: 'emailV1',
          fill: '#CCC',
          stroke: 'none',
          width: '20px',
          height: '20px',
          className: 'email-icon',
          position: 'left',
        },
      },
      {
        type: 'select',
        value: wordings.assignTeamLabel,
        className: 'form-inputs',
        name: 'team',
        isFormView: true,
        labelText: wording.teamLabel,
        wrapperClassName: 'form-item-wrapper drop-down-container',
        options: optionsList.teamOptions,
        shouldBeAbsolute: true,
        validationType: 'required',
        errorMessageFor: 'required',
        ariaLabel: 'select team',
        dataQa: 'qa-team-container',
      },
      {
        type: 'select',
        value: wordings.assignRoleLabel,
        className: 'form-inputs',
        name: 'role',
        isFormView: true,
        labelText: wording.roleLabel,
        wrapperClassName: 'form-item-wrapper drop-down-container',
        options: optionsList.roleOptions,
        shouldBeAbsolute: true,
        validationType: 'required',
        errorMessageFor: 'required',
        ariaLabel: 'select role',
        dataQa: 'qa-role-container',
      },
    ],
  },
]