<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 class='mc-alert-detail'>
        <customData>
            <core:CustomData
                key="prio"
                value="{prio}"
            />
        </customData>
        <grid:CSSGrid
            gridTemplateColumns="17fr 1fr"
            visible="{= ${path: 'type', targetType: 'string'} === 'CONTACT'}"
        >
            <HBox>
            <core:HTML content="&lt;div class='mc-contact-detail-dot'>&lt;/div>" />
                <core:Icon
                    class="mc-alert-detail-icon"
                    src='sap-icon://fa-light/user'
                />
                <Text
                    text="{_contact_id/name}"
                    class="sapUiTinyMarginEnd"
                />
                <Text text="{parts: [{value:'LABEL'}, {value:'SUBSTITUTE'}, {value:'Vertretung'}], formatter: 'translate.Label.get'}"></Text>
                <Text text=":" class="sapUiTinyMarginEnd"></Text>
                <Text text="{path: 'substitute', type: 'format.Boolean'}" class="sapUiTinyMarginEnd"/>
            </HBox>
            <HBox
                justifyContent="End"
                alignItems="Center"
            >
                <Button
                    icon="sap-icon://fa-light/pen"
                    class="no-border"
                    press="utils.JobDetail.onEditButtonPress"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"EDIT"}, {value:"Bearbeiten"}], formatter: "translate.Label.get"}'
                    visible="{parts: [{value: 'JOBS.UPDATE_ALL'},{value: 'JOBS.UPDATE_LIMITED'}], formatter: '.checkScopes'}"
                >
                    <customData>
                        <core:CustomData
                            key="id"
                            value="{id}"
                        />
                        <core:CustomData
                            key="edit"
                            value="true"
                        />
                    </customData>
                </Button>
                <Button
                    icon="sap-icon://fa-light/eye"
                    class="no-border"
                    press="taskNav"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"SHOW"}, {value:"Ansehen"}], formatter: "translate.Label.get"}'
                >
                    <customData>
                        <core:CustomData
                            key="module"
                            value="contacts"
                        />
                        <core:CustomData
                            key="task"
                            value="contacts_show"
                        />
                        <core:CustomData
                            key="field"
                            value="id"
                        />
                        <core:CustomData
                            key="value"
                            value="{contact_id}"
                        />
                    </customData>
                </Button>
                <Button
                    icon="sap-icon://fa-light/trash"
                    class="no-border"
                    press="utils.JobDetail.onDeleteJobDetail"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"DELETE"}, {value:"Löschen"}], formatter: "translate.Label.get"}'
                />
            </HBox>
        </grid:CSSGrid>
        <grid:CSSGrid
            gridTemplateColumns="17fr 1fr"
            visible="{= ${path: 'type', targetType: 'string'} === 'ROSTER'}"
        >
            <HBox>
            <core:HTML content="&lt;div class='mc-contact-detail-dot'>&lt;/div>" />
                <core:Icon
                    class="mc-alert-detail-icon"
                    src="sap-icon://fa-light/business-time"
                />
                <Text
                    text="{_roster_id/name}"
                    class="sapUiTinyMarginEnd"
                />
            </HBox>
            <HBox
                justifyContent="End"
                alignItems="Center"
            >
                <Button
                    icon="sap-icon://fa-light/eye"
                    class="no-border"
                    press="taskNav"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"SHOW"}, {value:"Ansehen"}], formatter: "translate.Label.get"}'
                >
                    <customData>
                        <core:CustomData
                            key="module"
                            value="rosters"
                        />
                        <core:CustomData
                            key="task"
                            value="rosters_show"
                        />
                        <core:CustomData
                            key="field"
                            value="id"
                        />
                        <core:CustomData
                            key="value"
                            value="{roster_id}"
                        />
                    </customData>
                </Button>
                <Button
                    icon="sap-icon://fa-light/trash"
                    class="no-border"
                    press="utils.JobDetail.onDeleteJobDetail"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"DELETE"}, {value:"Löschen"}], formatter: "translate.Label.get"}'
                />
            </HBox>
        </grid:CSSGrid>
        <grid:CSSGrid
            gridTemplateColumns="17fr 1fr"
            visible="{= ${path: 'type', targetType: 'string'} === 'ALERT'}"
        >
            <HBox>
            <core:HTML content="&lt;div class='mc-contact-detail-dot'>&lt;/div>" />
                <core:Icon
                    class="mc-alert-detail-icon"
                    src="sap-icon://fa-solid/sensor-triangle-exclamation"
                />
                <Text
                    text="{_alert_id/name}"
                    class="sapUiTinyMarginEnd"
                />
            </HBox>
            <HBox
                justifyContent="End"
                alignItems="Center"
            >
                <Button
                    icon="sap-icon://fa-light/eye"
                    class="no-border"
                    press="taskNav"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"SHOW"}, {value:"Ansehen"}], formatter: "translate.Label.get"}'
                >
                    <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="{alert_id}"
                        />
                    </customData>
                </Button>
                <Button
                    icon="sap-icon://fa-light/trash"
                    class="no-border"
                    press="utils.JobDetail.onDeleteJobDetail"
                    tooltip='{parts: [{value:"LITERAL"}, {value:"DELETE"}, {value:"Löschen"}], formatter: "translate.Label.get"}'
                />
            </HBox>
        </grid:CSSGrid>
    </CustomListItem>
</core:FragmentDefinition>
