<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:dnd="sap.ui.core.dnd"
    xmlns:grid="sap.ui.layout.cssgrid"
    xmlns:l="sap.ui.layout"
    xmlns:layout="sap.ui.layout"
    xmlns:f="sap.ui.layout.form"
    core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }"
    controllerName="sap.mcsuite.controller.BaseController"
>
    <CustomListItem>
        <grid:CSSGrid
            gridTemplateColumns="1fr 10fr 1fr"
            class="mc-item-grid"
        >
            <HBox
                alignItems="Center"
                justifyContent="Center"
            >
                <Avatar
                    class='mc-item-avatar'
                    src="sap-icon://fa-light/bell"
                    displaySize="S"
                    backgroundColor="Accent6"
                />
            </HBox>
            <VBox
                class="mc-item-titles"
                justifyContent="Center"
                alignItems="Stretch"
            >
                <Title
                    text="{name}"
                    class='sapUiTinyMarginBottom'
                />
                <grid:CSSGrid
                    gridTemplateColumns="1fr 1fr 1fr"
                    class='mc-item-property-grid'
                >
                    <HBox alignItems="Center" visible="{= ${path: 'code', targetType: 'string'} !== ''}">
                        <core:Icon
                            src="sap-icon://fa-light/hashtag"
                            class="sapUiTinyMarginEnd"
                        />
                        <Text text="{= 'Code: ' + ${code}}" />
                    </HBox>
                    <HBox alignItems="Center" >
                        <core:Icon
                            src="sap-icon://fa-light/users"
                            class="sapUiTinyMarginEnd"
                        />
                        <Text
                            text="{parts: [{path: 'id'}, {value: 'crm_alerts_bs'}, {value: 'crm_alerts_dt'}], formatter: '.getCount'}"
                            class="sapUiTinyMarginEnd"
                        />
                        <Text text="Mitglieder"/>
                    </HBox>
                </grid:CSSGrid>
            </VBox>
            <HBox
                alignItems="Center"
                justifyContent="Center"
            >
                <Button
                    class='mc-items-expandButton'
                    icon="sap-icon://fa-light/arrow-up-right-from-square"
                    tooltip="{parts: [{value:'LITERAL'}, {value:'OPEN'}, {value:'Öffnen'}], formatter: 'translate.Label.get'}"
                    type="Transparent"
                    press="taskNav"
                >
                    <customData>
                        <core:CustomData key="module" value="alerts" />
                        <core:CustomData key="task" value="alerts_show"/>
                        <core:CustomData key="field" value="id" />
                        <core:CustomData key="value" value="{id}" />
                    </customData>
                </Button>
            </HBox>
        </grid:CSSGrid>
    </CustomListItem>
</core:FragmentDefinition>
