import { cyParamName } from "./common";

export const commonEeSelectors = {
    instanceSettingIcon: '[data-cy="instance-settings-option"]',
    auditLogIcon: '[data-cy="audit-log-option"]',
    cancelButton: '[data-cy="cancel-button"]',
    saveButton: '[data-cy="save-button"]',
    pageTitle: '[data-cy="dashboard-section-header"]',
    modalTitle: '[data-cy="modal-title"]',
    modalCloseButton: '[data-cy="modal-close-button"]',
    saveButton: '[data-cy="save-button"]',
    cardTitle: '[data-cy="card-title"]',
    AddQueryButton: '[data-cy="show-ds-popover-button"]',
    promoteButton: '[data-cy="promote-button"]',
    settingsIcon: '[data-cy="icon-settings"]',
    gitSyncIcon: '[data-cy="git-sync-icon"]',
    confirmButton: '[data-cy="confirm-button"]',
    importFromGit: '[data-cy="import-from-git-button"]',
    searchBar: '[data-cy="query-manager-search-bar"]',
    nameHeader: '[data-cy="name-header"]',
    modalMessage: '[data-cy="modal-message"]',
    paginationSection: '[data-cy="pagination-section"]',

};

export const ssoEeSelector = {
    oidc: '[data-cy="openid-connect-sso-card"]',
    statusLabel: '[data-cy="status-label"]',
    oidcToggle: '[data-cy="openid-toggle-input"] > .slider',
    oidcPageElements: {
        oidcToggleLabel: '[data-cy="openid-toggle-label"]',
        nameLabel: '[data-cy="name-label"]',
        clientIdLabel: '[data-cy="client-id-label"]',
        clientSecretLabel: '[data-cy="client-secret-label"]',
        encryptedLabel: '[data-cy="encripted-label"]',
        WellKnownUrlLabel: '[data-cy="well-known-url-label"]',
        // redirectUrlLabel: '[data-cy="redirect-url-label"]',
    },
    nameInput: '[data-cy="name-input"]',
    clientIdInput: '[data-cy="client-id-input"]',
    clientSecretInput: '[data-cy="client-secret-input"]',
    WellKnownUrlInput: '[data-cy="well-known-url-input"]',
    redirectUrl: '[data-cy="redirect-url"]',
    copyIcon: '[data-cy="copy-icon]',
    oidcSSOText: '[data-cy="oidc-sso-button-text"]',
    oidcSSOIcon: '[data-cy="oidc-so-icon"]',
    ldapPageElements: {
        ldapToggleLabel: '[data-cy="ldap-toggle-label"]',
        nameLabel: '[data-cy="name-label"]',
        hostLabel: '[data-cy="host-label"]',
        portLabel: '[data-cy="port-label"]',
        baseDnLabel: '[data-cy="base-dn-label"]',
        baseDnHelperText: '[data-cy="base-dn-helper-text"]',
        sslLabel: '[data-cy="ssl-label"]',
    },
    ldapToggle: '[data-cy="ldap-toggle-input"] > .slider',
    hostInput: '[data-cy="host-input"]',
    portInput: '[data-cy="port-input"]',
    baseDnInput: '[data-cy="base-dn-input"]',
    sslToggleInput: '[data-cy="ssl-toggle-input"]',
    ldapSSOText: '[data-cy="ldap-sso-button-text"]',
    userNameInputLabel: '[data-cy="user-name-input-label"]',
    passwordInputLabel: '[data-cy="password-label"]',
    passwordInputField: '[data-cy="password-input-field"]',

    samlModalElements: {
        toggleLabel: '[data-cy="saml-toggle-label"]',
        NameLabel: '[data-cy="name-label"]',
        metaDataLabel: '[data-cy="idp-metadata-label"]',
        baseDNHelperText: '[data-cy="base-dn-helper-text"]',
        groupAttributeLabel: '[data-cy="group-attribute-label"]',
        groupAttributeHelperText: '[data-cy="group-attribute-helper-text"]',
    }
};

export const eeGroupsSelector = {
    resourceDs: '[data-cy="resource-datasources"]',
    dsCreateCheck: '[data-cy="checkbox-create-ds"]',
    dsDeleteCheck: '[data-cy="checkbox-delete-ds"]',
    datasourceLink: '[data-cy="datasource-link"]',
    dsSearch: '[data-cy="datasource-select-search"]',
    AddDsButton: '[data-cy="datasource-add-button"]',
    dsNameHeader: '[data-cy="datasource-name-header"]',
};

export const instanceSettingsSelector = {
    allUsersTab: '[data-cy="all-users-list-item"]',
    manageInstanceSettings: '[data-cy="manage-instance-settings-list-item"]',
    typeColumnHeader: '[data-cy="users-table-type-column-header"]',
    workspaceColumnHeader: '[data-cy="users-table-workspaces-column-header"]',
    userName: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-name"]`;
    },
    userEmail: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-email"]`;
    },
    userType: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-type"]`;
    },
    userStatus: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-status"]`;
    },
    viewButton: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-view-button"]`;
    },
    editButton: (userName) => {
        return `[data-cy="${cyParamName(userName)}-user-edit-button"]`;
    },
    viewModalNoColumnHeader: '[data-cy="number-column-header"]',
    viewModalNameColumnHeader: '[data-cy="name-column-header"]',
    viewModalStatusColumnHeader: '[data-cy="status-column-header"]',
    archiveAllButton: '[data-cy="archive-all-button"]',
    viewModalRow: (workspaceName) => {
        return `[data-cy="${cyParamName(workspaceName)}-workspace-row"]>`;
    },

    workspaceName: (workspaceName) => {
        return `[data-cy="${cyParamName(workspaceName)}-workspace-name"]`;
    },
    userStatusChangeButton: '[data-cy="user-state-change-button"]',
    superAdminToggle: '[data-cy="super-admin-form-check-input"]',
    superAdminToggleLabel: '[data-cy="super-admin-form-check-label"]',
    allowWorkspaceToggle: '[data-cy="form-check-input"]',
    allowWorkspaceToggleLabel: '[data-cy="form-check-label"]',
    allowWorkspaceHelperText: '[data-cy="instance-settings-help-text"]',
    allWorkspaceTab: '[data-cy="all-workspaces-list-item"]',
};


export const multiEnvSelector = {
    envContainer: '[data-cy="env-container"]',
    currentEnvName: '[data-cy="list-current-env-name"]',
    envArrow: '[data-cy="env-arrow"]',
    selectedEnvName: '[data-cy="selected-current-env-name"]',
    envNameList: '[data-cy="env-name-list"]',
    appVersionLabel: '[data-cy="app-version-label"]',
    currentVersion: '[data-cy="current-version"]',
    createNewVersionButton: '[data-cy="create-new-version-button"]',
    fromLabel: '[data-cy="from-label"]',
    toLabel: '[data-cy="to-label"]',
    currEnvName: '[data-cy="current-env-name"]',
    targetEnvName: '[data-cy="target-env-name"]',
    stagingLabel: '[data-cy="staging-label"]',
    productionLabel: '[data-cy="production-label"]',
};

export const whiteLabellingSelectors = {
    whiteLabelList: '[data-cy="white-labelling-list-item"]',
    appLogoLabel: '[data-cy="app-logo-label"]',
    appLogoInput: '[data-cy="input-field-app-logo"]',
    appLogoHelpText: '[data-cy="app-logo-help-text"]',
    pageTitleLabel: '[data-cy="page-title-label"]',
    pageTitleInput: '[data-cy="input-field-page-title"]',
    pageTitleHelpText: '[data-cy="page-title-help-text"]',
    favIconLabel: '[data-cy="fav-icon-label"]',
    favIconInput: '[data-cy="input-field-fav-icon"]',
    favIconHelpText: '[data-cy="fav-icon-help-text"]',
};

export const gitSyncSelector = {
    gitCommitInput: '[data-cy="git-commit-input"]',
    commitHelperText: '[data-cy="commit-helper-text"]',
    gitRepoInput: '[data-cy="git-repo-input"]',
    commitMessageInput: '[data-cy="commit-message-input"]',
    lastCommitInput: '[data-cy="las-commit-message"]',
    lastCommitVersion: '[data-cy="last-commit-version"]',
    autherInfo: '[data-cy="auther-info"]',
    commitButton: '[data-cy="commit-button"]',
    gitSyncToggleInput: '[data-cy="git-sync-toggle-input"]',
    gitSyncApphelperText: '[data-cy="sync-app-helper-text"]',
    connectRepoButton: '[data-cy="connect-repo-button"]',
    toggleMessage: '[data-cy="toggle-message"]',
    sshInput: '[data-cy="git-ssh-input"]',
    generateSshButton: '[data-cy="generate-ssh-key-button"',
    sshInputHelperText: '[data-cy="git-ssh-input-helper-text"]',
    configDeleteButton: '[data-cy="button-config-delete"]',
    testConnectionButton: '[data-cy="test-connection-button"]',
    sshKey: '[data-cy="ssh-key"]',
    deployKeyHelperText: '[data-cy="deploy-key-helper-text"]',
    gitRepoLink: '[data-cy="git-repo-link"]',
    appNameField: '[data-cy="app-name-field"]',
    gitRepoInfo: '[data-cy="git-repo-info"]',
    pullButton: '[data-cy="pull-button"]'


}

export const workspaceSelector = {
    activelink: '[data-cy="active-link"]',
    archivedLik: '[data-cy="archived-link"]',
    userStatusChange: '[data-cy="button-user-status-change"]',
    workspaceStatusChange: '[data-cy="button-ws-status-change"]',
    switchWsModalTitle: '[data-cy="switch-modal-title"]',
    switchWsModalMessage: '[data-cy="switch-modal-message"]',
    workspaceName: (workspaceName) => {
        return `[data-cy="${workspaceName}-workspace-name"]`
    },
    workspaceInput: (workspaceName) => {
        return `[data-cy="${workspaceName}-workspace-input"]`
    },

}