<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-contact-detail mc-availabilities-mod'>
            <HBox>
                <HBox
                    justifyContent="Center"
                    alignItems="Center"
                    class="mc-contact-detail-hbox"
                    width="5rem"
                >
                    <Switch
                        class="sapUiSizeCompact mc-contact-detail-switch"
                        type="AcceptReject"
                        change="utils.Availabilities.onSwitchChange"
                        state="{parts: [{path: 'object>/availabilities'}, {path: 'id', targetType: 'any'}], formatter: 'utils.Availabilities.getAvailabilityState'}"
                    >
                        <layoutData>
                            <FlexItemData growFactor="1" />
                        </layoutData>
                    </Switch>
                    <core:HTML
                        content="&lt;div class='mc-contact-detail-dot'>&lt;/div>"
                    />
                </HBox>
                <core:Icon
                    class="mc-contact-detail-icon"
                    src="{= 'sap-icon://fa-light/' + ${path: '_cat_id/icon'}}"
                />
                <Text
                    visible="{= %{path: '_private', targetType: 'boolean'} ? true : false}"
                    text="Privat"
                    class="sapUiTinyMarginEnd"
                />
                <Link
                    text="{
                        path: 'phone',
                        type: 'sap.mcsuite.model.formatter.Phone'
                    }" 
                    visible="{= ['Telefon extern', 'Mobiltelefon', 'SMS'].includes(%{_cat_id/name})}"
                    href="{= 'tel:' + ${phone}}"   
                    class="sapUiTinyMarginEnd"
                />
                <Link
                    text="{
                        path: 'phone',
                        type: 'sap.mcsuite.model.formatter.InternalPhone'
                    }" 
                    visible="{= ['Telefon intern'].includes(%{_cat_id/name})}"
                    href="{= 'tel:' + ${phone}}"   
                    class="sapUiTinyMarginEnd"
                />
                <Link
                    text="{
                        path: 'phone',
                        type: 'sap.mcsuite.model.formatter.Pager'
                    }" 
                    visible="{= ['Cityruf', 'Pager'].includes(%{_cat_id/name})}"
                    href="{= 'tel:' + ${phone}}"   
                    class="sapUiTinyMarginEnd"
                />
                <Text
                    visible="{= %{path: 'comment', targetType:  'any'} !== null}"
                    text="{= '(' + %{comment} + ')'}"
                    class="sapUiTinyMarginEnd"
                />
            </HBox>
            <customData>
                <core:CustomData key="id" value="{id}" />
                <core:CustomData key="object" value="{_object}" />
            </customData>    
    </CustomListItem>
</core:FragmentDefinition>
