/*
 * Copyright © 2016-2018 European Support Limited
 *
 * 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 React from 'react';
import VendorItem from './VendorItem.jsx';
import CatalogList from '../CatalogList.jsx';
import CatalogItemDetails from '../CatalogItemDetails.jsx';
import { catalogItemTypes } from './OnboardingCatalogConstants.js';
import { filterCatalogItemsByType } from './OnboardingCatalogUtils.js';

const VendorList = ({
    onAddVLM,
    onAddVSP,
    onSelectVSP,
    licenseModelList = [],
    vspOverlay: currentOverlay,
    onVspOverlayChange,
    onVendorSelect,
    filter,
    onMigrate,
    users,
    isArchived,
    activeTabName
}) => {
    const showAddButtons = !isArchived;
    const handeleSelectVSP = vsp => onSelectVSP(vsp, users);
    const handleOnVspButtonClick = (hasVSP, vlm) =>
        onVspOverlayChange(vlm.id === currentOverlay || !hasVSP ? null : vlm);

    return (
        <CatalogList
            onAddVLM={showAddButtons ? onAddVLM : false}
            onAddVSP={showAddButtons ? onAddVSP : false}>
            {filterCatalogItemsByType({
                items: licenseModelList,
                filter: filter[activeTabName]
            }).map(vlm => (
                <VendorItem
                    key={vlm.id}
                    vlm={vlm}
                    onAddVSP={onAddVSP}
                    onSelectVSP={handeleSelectVSP}
                    shouldShowOverlay={currentOverlay === vlm.id}
                    onVSPButtonClick={handleOnVspButtonClick}
                    onVendorSelect={onVendorSelect}
                    onMigrate={onMigrate}
                    vendor={vlm}
                />
            ))}
        </CatalogList>
    );
};

const SoftwareProductListByVendor = ({
    onAddVSP,
    selectedVendor,
    onVendorSelect,
    onSelectVSP,
    onSelectVLM,
    filter,
    onMigrate,
    users,
    isArchived,
    activeTabName
}) => {
    const handleAddVsp = !isArchived
        ? () => onAddVSP(selectedVendor.id)
        : false;
    const handleOnSelect = () => onSelectVLM(selectedVendor, users);
    return (
        <div>
            <CatalogList
                onAddVSP={handleAddVsp}
                vendorPageOptions={{
                    selectedVendor,
                    onBack: () => onVendorSelect(false)
                }}>
                <CatalogItemDetails
                    key={selectedVendor.id}
                    onSelect={handleOnSelect}
                    catalogItemTypeClass={catalogItemTypes.LICENSE_MODEL}
                    onMigrate={onMigrate}
                    catalogItemData={selectedVendor}
                />
                {filterCatalogItemsByType({
                    items: selectedVendor.softwareProductList,
                    filter: filter[activeTabName]
                }).map(vsp => (
                    <CatalogItemDetails
                        key={vsp.id}
                        catalogItemTypeClass={catalogItemTypes.SOFTWARE_PRODUCT}
                        onMigrate={onMigrate}
                        onSelect={() => onSelectVSP(vsp, users)}
                        catalogItemData={vsp}
                    />
                ))}
            </CatalogList>
        </div>
    );
};

class VendorCatalogView extends React.Component {
    componentDidMount() {
        const { onVendorSelect } = this.props;
        onVendorSelect(false);
    }
    render() {
        let { selectedVendor } = this.props;
        return selectedVendor ? (
            <SoftwareProductListByVendor {...this.props} />
        ) : (
            <VendorList {...this.props} />
        );
    }
}

export default VendorCatalogView;