import React from 'react';
import Carousel from 'trc-client-core/src/components/Carousel';
import {WARRANTY_1, WARRANTY_2, WARRANTY_3} from 'trc-client-core/src/media/CarouselContent';
import IconList from 'trc-client-core/src/components/IconList';
import IconListItem from 'trc-client-core/src/components/IconListItem';
import {fromHexCode} from 'trc-client-core/src/utils/Strings';
import LearningPlanListCurrentParticipant from 'trc-client-core/src/learningPlan/LearningPlanListCurrentParticipant';
import {
    STATIC_ASSETS,
    SARIS,
    WPPM,
    SOURCE
} from 'trc-client-core/src/constants/url';

export default function WarrantyCarousel() {
    var icons = {
        monitor: fromHexCode('e029'),
        pdf: fromHexCode('E022'),
        link: fromHexCode('e144')
    };
    return (
        <div>
            <img className="row" src={`${STATIC_ASSETS}img/content/logo/warranty.png`} alt="" width="100%"/>
            <IconList>
                <LearningPlanListCurrentParticipant />
            </IconList>
            <IconList modifier="grandchild">
                <IconListItem label="true">ELEARNING MODULES</IconListItem>
                <IconListItem href={`/#/course/SPK22073`} icon={icons.monitor}>Intro To Warranty Admin</IconListItem>
                <IconListItem href={`/#/course/SPK22074`} icon={icons.monitor}>Intro To Dealer Warranty Claim</IconListItem>
                <IconListItem label="true">Resources</IconListItem>
                <IconListItem href={`${STATIC_ASSETS}docs/warranty/IntroductionToWarrantyAdministration.pdf`} icon={icons.pdf}>Introduction To Warranty Administration</IconListItem>
                <IconListItem href={`${STATIC_ASSETS}docs/warranty/WarrantyAdmin-RoleOverview.pdf`} icon={icons.pdf}>Warranty Administrator Role Overview</IconListItem>
                <IconListItem label="true">Links</IconListItem>
                <IconListItem href={SARIS} icon={icons.link}>SARIS</IconListItem>
                <IconListItem href={WPPM} icon={icons.link}>WPPM</IconListItem>
                <IconListItem href={SOURCE} icon={icons.link}>SOURCE</IconListItem>
            </IconList>
        </div>
    );
};