/**
 * Copyright (c) 2020-present, Goldman Sachs
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import {
  PanelFormSection,
  CustomSelectorInput,
  PanelFormTextField,
  ListEditor,
  WarningIcon,
} from '@finos/legend-art';
import {
  DataSpaceSupportEmail,
  DataSpaceSupportCombinedInfo,
} from '@finos/legend-extension-dsl-data-space/graph';
import { observer } from 'mobx-react-lite';
import {
  dataSpace_email_setSupportInfoEmail,
  dataSpace_setDocumentationUrl,
  dataSpace_combined_setWebsite,
  dataSpace_combined_setFaqUrl,
  dataSpace_combined_addEmail,
  dataSpace_combined_deleteEmail,
  dataSpace_setSupportInfo,
} from '../../stores/studio/DSL_DataSpace_GraphModifierHelper.js';
import { useEditorStore } from '@finos/legend-application-studio';
import { DataSpaceEditorState } from '../../stores/DataSpaceEditorState.js';
import { useState } from 'react';

export const DataSpaceSupportInfoSection = observer(() => {
  const editorStore = useEditorStore();

  const dataSpaceState =
    editorStore.tabManagerState.getCurrentEditorState(DataSpaceEditorState);
  const dataSpace = dataSpaceState.dataSpace;

  // Event handlers
  const handleSupportInfoTypeChange = (option: { value: string }): void => {
    if (typeof option !== 'object' || !('value' in option)) {
      return;
    }
    const type = option.value;
    if (
      type === 'email' &&
      !(dataSpace.supportInfo instanceof DataSpaceSupportEmail)
    ) {
      const supportInfo = new DataSpaceSupportEmail();
      if (dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo) {
        supportInfo.address = dataSpace.supportInfo.emails?.[0] ?? '';
        supportInfo.documentationUrl = dataSpace.supportInfo.documentationUrl;
      }
      dataSpace_setSupportInfo(dataSpace, supportInfo);
    } else if (
      type === 'combined' &&
      !(dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo)
    ) {
      const supportInfo = new DataSpaceSupportCombinedInfo();
      if (
        dataSpace.supportInfo instanceof DataSpaceSupportEmail &&
        dataSpace.supportInfo.address
      ) {
        supportInfo.emails = [dataSpace.supportInfo.address];
        supportInfo.documentationUrl = dataSpace.supportInfo.documentationUrl;
      }
      dataSpace_setSupportInfo(dataSpace, supportInfo);
    } else {
      dataSpace_setSupportInfo(dataSpace, undefined);
    }
  };

  const handleSupportInfoEmailAdd = (email: string): void => {
    if (dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo) {
      dataSpace_combined_addEmail(dataSpace.supportInfo, email);
    }
  };

  const handleSupportInfoEmailRemove = (email: string): void => {
    if (dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo) {
      dataSpace_combined_deleteEmail(dataSpace.supportInfo, email);
    }
  };

  // ListEditor component renderers
  const SupportEmailComponent = observer(
    (props: { item: string }): React.ReactElement => {
      const { item } = props;

      return (
        <div className="panel__content__form__section__list__item__content">
          <div className="panel__content__form__section__header__label">
            {item}
          </div>
        </div>
      );
    },
  );

  const NewSupportEmailComponent = observer(
    (props: { onFinishEditing: () => void }) => {
      const { onFinishEditing } = props;
      const [email, setEmail] = useState('');

      return (
        <div className="dataSpace-editor__general__support-info__new-email">
          <div className="panel__content__form__section__list__new-item__input">
            <input
              className="input input-group__input panel__content__form__section__input input--dark"
              type="email"
              placeholder="Enter email"
              value={email}
              onChange={(event) => {
                setEmail(event.target.value);
              }}
            />
          </div>
          <button
            className="panel__content__form__section__list__new-item__add-btn btn btn--dark"
            onClick={() => {
              handleSupportInfoEmailAdd(email);
              setEmail('');
              onFinishEditing();
            }}
          >
            Save
          </button>
        </div>
      );
    },
  );

  return (
    <PanelFormSection className="dataSpace-editor__general__support-info">
      <div className="panel__content__form__section__header__label">
        Support Information
      </div>
      <div className="panel__content__form__section__header__prompt">
        Configure support information for this Data Product.
      </div>
      {!(dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo) && (
        <CustomSelectorInput
          options={[
            { label: 'None', value: 'none' },
            { label: 'Combined', value: 'combined' },
          ]}
          onChange={(option: { label: string; value: string }) =>
            handleSupportInfoTypeChange(option)
          }
          value={{
            label: dataSpace.supportInfo
              ? dataSpace.supportInfo instanceof DataSpaceSupportEmail
                ? 'Email'
                : 'Combined'
              : 'None',
            value: dataSpace.supportInfo
              ? dataSpace.supportInfo instanceof DataSpaceSupportEmail
                ? 'email'
                : 'combined'
              : 'none',
          }}
          darkMode={true}
        />
      )}
      {dataSpace.supportInfo ? (
        dataSpace.supportInfo instanceof DataSpaceSupportEmail ? (
          <PanelFormSection className="dataSpace-editor__general__support-info__content">
            <PanelFormTextField
              name="Email Address"
              value={dataSpace.supportInfo.address}
              update={(value) => {
                if (dataSpace.supportInfo instanceof DataSpaceSupportEmail) {
                  dataSpace_email_setSupportInfoEmail(
                    dataSpace.supportInfo,
                    value ?? '',
                  );
                }
              }}
              placeholder="Enter email address"
            />
            <PanelFormTextField
              name="Documentation URL"
              value={dataSpace.supportInfo.documentationUrl}
              update={(value) => {
                if (dataSpace.supportInfo) {
                  dataSpace_setDocumentationUrl(
                    dataSpace.supportInfo,
                    value ?? '',
                  );
                }
              }}
              placeholder="Enter documentation URL"
            />
          </PanelFormSection>
        ) : dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo ? (
          <div>
            <ListEditor
              title="Emails"
              items={dataSpace.supportInfo.emails}
              keySelector={(element: string) => element}
              ItemComponent={SupportEmailComponent}
              NewItemComponent={NewSupportEmailComponent}
              handleRemoveItem={handleSupportInfoEmailRemove}
              isReadOnly={dataSpaceState.isReadOnly}
              emptyMessage="No emails specified"
            />
            {(dataSpace.supportInfo.emails === undefined ||
              dataSpace.supportInfo.emails.length === 0) && (
              <div className="service-editor__owner__validation">
                <WarningIcon />
                <div className="service-editor__owner__validation-label">
                  At least one email is required
                </div>
              </div>
            )}
            <PanelFormTextField
              name="Documentation URL"
              value={dataSpace.supportInfo.documentationUrl}
              update={(value) => {
                if (dataSpace.supportInfo) {
                  dataSpace_setDocumentationUrl(
                    dataSpace.supportInfo,
                    value ?? '',
                  );
                }
              }}
              placeholder="Enter documentation URL"
            />
            <PanelFormTextField
              name="Website"
              value={dataSpace.supportInfo.website}
              update={(value) => {
                if (
                  dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo
                ) {
                  dataSpace_combined_setWebsite(
                    dataSpace.supportInfo,
                    value ?? '',
                  );
                }
              }}
              placeholder="Enter website URL"
            />
            <PanelFormTextField
              name="FAQ URL"
              value={dataSpace.supportInfo.faqUrl}
              update={(value) => {
                if (
                  dataSpace.supportInfo instanceof DataSpaceSupportCombinedInfo
                ) {
                  dataSpace_combined_setFaqUrl(
                    dataSpace.supportInfo,
                    value ?? '',
                  );
                }
              }}
              placeholder="Enter FAQ URL"
            />
          </div>
        ) : (
          <div>Unknown support info type</div>
        )
      ) : null}
    </PanelFormSection>
  );
});