import './component';
import './config';

const Criteria = Shopware.Data.Criteria;
const criteria = new Criteria();

Shopware.Service('cmsService').registerCmsElement({
    name: 'bc-featured-categories',
    label: 'sw-cms.config.bc-featured-categories.label',
    component: 'sw-cms-el-bc-featured-categories',
    configComponent: 'sw-cms-el-config-bc-featured-categories',
    defaultConfig: {

        title: {
            source: 'static',
            value: null
        },
        description: {
            source: 'static',
            value: null
        },
        mainImage1: {
            source: 'static',
            value: null,
            required: true
        },
        title1: {
            source: 'static',
            value: null,
            required: true
        },
        description1: {
            source: 'static',
            value: null
        },
        buttonText1: {
            source: 'static',
            value: null
        },
        link1: {
            source: 'static',
            value: null
        },
        mainImage2: {
            source: 'static',
            value: null,
            required: true
        },
        title2: {
            source: 'static',
            value: null,
            required: true
        },
        description2: {
            source: 'static',
            value: null
        },
        buttonText2: {
            source: 'static',
            value: null
        },
        link2: {
            source: 'static',
            value: null
        },

        mainImage3: {
            source: 'static',
            value: null,
            required: true
        },
        title3: {
            source: 'static',
            value: null,
            required: true
        },
        description3: {
            source: 'static',
            value: null
        },
        buttonText3: {
            source: 'static',
            value: null
        },
        link3: {
            source: 'static',
            value: null
        },

        mainImage4: {
            source: 'static',
            value: null,
            required: true
        },
        title4: {
            source: 'static',
            value: null,
            required: true
        },
        description4: {
            source: 'static',
            value: null
        },
        buttonText4: {
            source: 'static',
            value: null
        },
        link4: {
            source: 'static',
            value: null
        },
        descriptionActive1: {
            source: 'static',
            value: null
        },
        descriptionActive2: {
            source: 'static',
            value: null
        },
        descriptionActive3: {
            source: 'static',
            value: null
        },
        descriptionActive4: {
            source: 'static',
            value: null
        },
        titleColorTab1: {
            required: true,
            source: 'static',
            value: '#000'
        },
        subtitleColorTab1: {
            required: true,
            source: 'static',
            value: '#000'
        },
        btnBgColorTab1: {
            required: true,
            source: 'static',
            value: '#000'
        },
        btnTxtColorTab1: {
            required: true,
            source: 'static',
            value: '#fff'
        },

        titleColorTab2: {
            required: true,
            source: 'static',
            value: '#000'
        },

        subtitleColorTab2: {
            required: true,
            source: 'static',
            value: '#000'
        },

        btnTxtColorTab2: {
            required: true,
            source: 'static',
            value: '#000'
        },

        titleColorTab3: {
            required: true,
            source: 'static',
            value: '#000'
        },

        subtitleColorTab3: {
            required: true,
            source: 'static',
            value: '#000'
        },

        btnTxtColorTab3: {
            required: true,
            source: 'static',
            value: '#000'
        },

        titleColorTab4: {
            required: true,
            source: 'static',
            value: '#000'
        },

        subtitleColorTab4: {
            required: true,
            source: 'static',
            value: '#000'
        },

        btnTxtColorTab4: {
            required: true,
            source: 'static',
            value: '#000'
        },
        textPlacement1: {
            required: true,
            source: 'static',
            value: 'left'
        },
        textPlacement2: {
            required: true,
            source: 'static',
            value: 'left'
        }

    }
});
