export const wording = {
  search: 'search',
  team: 'team',
  role: 'role',
  name: 'Name',
  id: 'ID',
  email: 'Email',
  status: 'Status',
}

export const searchTeamData = {
  defaultValue: 'Search Teams',
  options: [
    {
      label: 'Team A',
      value: 'teamA',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team B',
      value: 'teamB',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team C',
      value: 'teamC',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const searchRoleData = {
  defaultValue: 'Search Roles',
  options: [
    {
      label: 'User',
      value: 'user',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Lead',
      value: 'lead',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const EditFormTeam = {
  defaultValue: 'Team A',
  options: [
    {
      label: 'Team A',
      value: 'teamA',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Team B',
      value: 'teamB',
      isDisabled: false,
      isSelected: true,
    },
    {
      label: 'Team C',
      value: 'teamC',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const EditFormRole = {
  defaultValue: 'Manager',
  options: [
    {
      label: 'Manager',
      value: 'manager',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'User',
      value: 'user',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Lead',
      value: 'lead',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const EditFormStatus = {
  defaultValue: 'Active',
  options: [
    {
      label: 'Active',
      value: 'active',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Inactive',
      value: 'inactive',
      isDisabled: false,
      isSelected: false,
    },
    {
      label: 'Invited',
      value: 'invited',
      isDisabled: false,
      isSelected: false,
    },
  ],
}

export const searchInputList = [
  {
    identity: 'search',
    type: 'text',
    value: '',
    className: 'form-inputs',
    name: 'search',
    labelText: '',
    wrapperClassName: 'form-item-wrapper search-box',
    validationType: 'none',
    errorMessageFor: 'search',
    autocomplete: 'given-name',
    ariaLabel: wording.search,
    animatePlaceholder: false,
    placeholder: 'Search ID, Name or Email',
    dataQa: 'qa-enter-user-name',
    icon: {
      breedType: 'search',
      fill: '#5F6C88',
      stroke: 'none',
      width: '18px',
      height: '18px',
      className: 'search-icon',
    },
  },

  {
    type: 'select',
    value: searchTeamData.defaultValue,
    className: 'search-teams',
    wrapperClassName: 'form-item-wrapper select-box',
    name: 'searchTeam',
    isFormView: true,
    labelText: wording.team,
    title: wording.team,
    options: searchTeamData.options,
    shouldBeAbsolute: true,
    dropDownAlignmentType: 'bottom',
    dataQa: 'qa-team-container',
    // onChange: this.onChange,
  },

  {
    type: 'select',
    value: searchRoleData.defaultValue,
    className: 'search-roles',
    wrapperClassName: 'form-item-wrapper select-box',
    name: 'searchRoles',
    isFormView: true,
    labelText: wording.role,
    title: wording.role,
    options: searchRoleData.options,
    shouldBeAbsolute: true,
    dropDownAlignmentType: 'bottom',
    dataQa: 'qa-role-container',
    // onChange: this.onChange,
  },
]

// Edit user Fields
export const EditUserInput = [
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper disableClass full-name-container',
    name: 'fullNameContainer',
    elementList: [
      {
        identity: 'userName',
        type: 'text',
        value: 'Clavin Owen',
        className: 'form-inputs',
        name: 'UserName',
        labelText: wording.name,
        maxLength: '50',
        wrapperClassName: 'form-item-wrapper name-wrapper',
        validationType: 'name',
        errorMessageFor: 'name',
        autocomplete: 'given-name',
        ariaLabel: 'UserName',
        animatePlaceholder: false,
        isDisabled: true,
        dataQa: 'qa-user-name',
      },
      {
        identity: 'userID',
        type: 'text',
        value: '001245',
        name: 'userID',
        labelText: wording.id,
        animatePlaceholder: false,
        maxLength: 16,
        wrapperClassName: 'form-item-wrapper id-wrapper',
        validationType: 'number',
        errorMessageFor: 'number',
        autocomplete: 'number',
        ariaLabel: 'cardNumber',
        isDisabled: true,
        dataQa: 'qa-user-identifier',
      },
      {
        identity: 'email',
        type: 'text',
        value: 'j-dubb.smith@biz.education.com',
        className: 'email-address',
        name: 'email',
        maxLength: '254',
        labelText: wording.email,
        wrapperClassName: 'email-address-container email-address-wrapper',
        validationType: 'email',
        errorMessageFor: 'email',
        autocomplete: 'email',
        animatePlaceholder: false,
        isDisabled: true,
        dataQa: 'qa-user-email',
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper full-name-container',
    name: 'fullNameContainer',
    elementList: [
      {
        type: 'select',
        value: EditFormTeam.defaultValue,
        className: 'team-wrapper',
        name: 'editFormTeam',
        isFormView: true,
        labelText: wording.team,
        title: 'editFormTeam',
        options: EditFormTeam.options,
        shouldBeAbsolute: true,
        dropDownAlignmentType: 'bottom',
        dataQa: 'qa-team-container',
      },
      {
        type: 'select',
        value: EditFormRole.defaultValue,
        className: 'role-wrapper',
        name: 'editFormRole',
        isFormView: true,
        labelText: wording.role,
        title: 'editFormRole',
        options: EditFormRole.options,
        shouldBeAbsolute: true,
        dropDownAlignmentType: 'bottom',
        dataQa: 'qa-role-container',
      },
      {
        type: 'select',
        value: EditFormStatus.defaultValue,
        className: 'status-wrapper',
        wrapperClassName: 'status-form-item-wrapper',
        name: 'editFormStatus',
        isFormView: true,
        labelText: wording.status,
        title: 'editFormStatus',
        options: EditFormStatus.options,
        shouldBeAbsolute: true,
        dropDownAlignmentType: 'bottom',
        dataQa: 'qa-status-container',
      },
    ],
  },
]