<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:grid="sap.ui.layout.cssgrid"
    core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }"
>
    <CustomListItem
        class="sapUiTinyMarginBottom sapUiTinyMarginTop"
    >
    <grid:CSSGrid
        gridTemplateColumns="11fr 1fr"
    >
    <VBox
        class="sapUiTinyMarginBegin sapUiTinyMarginEnd"
        width="100%"
        alignItems="Start"
        justifyContent="Start"
    >
    <HBox
        alignItems="Start"
        justifyContent="Start"
        class="sapUiTinyMarginBottom"
    >
    <Title
        class='mc-rosterduty-title'
        text="{_contact_id/name}"
        level="H4"
    ></Title>
    </HBox> 
    <HBox
        alignItems="Start"
        justifyContent="Start"
    >
    <Text 
        text="{path: 'start', type: 'format.Time'}"
        class="sapUiTinyMarginEnd"
    ></Text>
    <Text
        class="sapUiTinyMarginEnd"
        text=" - "
    ></Text>
    <Text
        text="{path: 'end', type: 'format.Time'}"
    ></Text>
    </HBox>

    </VBox>
    <HBox 
        alignItems="Center"
        justifyContent="Center"
    >
        <Button 
                class='no-border'
                icon="sap-icon://fa-light/pen"
                type="Transparent"
                press="utils.Roster.openEditDialog"
                visible="{parts: [{value: 'ROSTERS.UPDATE_ALL'}], formatter: '.checkScopes'}"
              >
              <customData>
                    <core:CustomData key="table" value="cfr_users_dt"/>
                    <core:CustomData key="id" value="{id}"/>
                </customData>
              </Button>
    </HBox>
    </grid:CSSGrid>
    </CustomListItem>
</core:FragmentDefinition>
