<mvc:View
    controllerName="${ez5.appName}.controller.${ez5.controllerName}"
    height="100%"
    xmlns="sap.uxap"
    xmlns:f="sap.f"
    xmlns:m="sap.m"
    xmlns:mvc="sap.ui.core.mvc">
    <ObjectPageLayout
        id="ObjectPageLayout"
        alwaysShowContentHeader="true"
        headerContentPinnable="true"
        isChildPage="true"
        preserveHeaderStateOnScroll="true"
        showTitleInHeaderContent="true"
        upperCaseAnchorBar="false">
        <headerTitle>
            <ObjectPageDynamicHeaderTitle>
                <expandedHeading>
                    <m:Title
                        class="sapUiSmallMarginEnd"
                        text="Employee Details"
                        wrapping="true" />
                </expandedHeading>
                <navigationActions>
                    <m:OverflowToolbarButton
                        id="enterFullScreenBtn"
                        icon="sap-icon://full-screen"
                        press="handleFullScreen"
                        tooltip="Full Screen"
                        type="Transparent"
                        visible="{= ${fclModel>/actionButtonsInfo/midColumn/fullScreen} !== null }" />
                    <m:OverflowToolbarButton
                        id="exitFullScreenBtn"
                        icon="sap-icon://exit-full-screen"
                        press="handleExitFullScreen"
                        tooltip="Exit Full Screen"
                        type="Transparent"
                        visible="{= ${fclModel>/actionButtonsInfo/midColumn/exitFullScreen} !== null }" />
                    <m:OverflowToolbarButton
                        icon="sap-icon://decline"
                        press="handleClose"
                        tooltip="Back to Employee List"
                        type="Transparent"
                        visible="{= ${fclModel>/actionButtonsInfo/midColumn/closeColumn} !== null }" />
                </navigationActions>
                <actions>
                    <m:Button
                        icon="sap-icon://action"
                        press="handleItemPress"
                        text="Open More Employee Details"
                        type="Transparent" />
                </actions>
            </ObjectPageDynamicHeaderTitle>
        </headerTitle>
        <sections>
            <ObjectPageSection title="Selected Employee">
                <subSections>
                    <ObjectPageSubSection>
                        <blocks>
                            <m:VBox class="sapUiSmallMargin">
                                <m:ObjectStatus
                                    text="{employeeModel>/EmployeeId}"
                                    title="Employee ID" />
                                <m:ObjectStatus
                                    text="{employeeModel>/EmployeeName}"
                                    title="Employee Name" />
                                <m:ObjectStatus
                                    state="{= ${employeeModel>/Status} || ${employeeModel>/Highlight} || 'None' }"
                                    text="{= ${employeeModel>/Status} || ${employeeModel>/Highlight} || 'None' }"
                                    title="Status" />
                            </m:VBox>
                        </blocks>
                    </ObjectPageSubSection>
                </subSections>
            </ObjectPageSection>
            <ObjectPageSection title="Contact Details">
                <subSections>
                    <ObjectPageSubSection>
                        <blocks>
                            <m:List class="sapUiSmallMargin">
                                <m:DisplayListItem
                                    label="Country"
                                    value="{employeeModel>/Country}" />
                                <m:DisplayListItem
                                    label="Email"
                                    value="{employeeModel>/Email}" />
                            </m:List>
                        </blocks>
                    </ObjectPageSubSection>
                </subSections>
            </ObjectPageSection>
            <ObjectPageSection title="Schedule">
                <subSections>
                    <ObjectPageSubSection>
                        <blocks>
                            <m:List class="sapUiSmallMargin">
                                <m:DisplayListItem
                                    label="Preferred Time"
                                    value="{employeeModel>/Time}" />
                                <m:DisplayListItem
                                    label="Table Highlight"
                                    value="{employeeModel>/Highlight}" />
                            </m:List>
                        </blocks>
                    </ObjectPageSubSection>
                </subSections>
            </ObjectPageSection>
            <ObjectPageSection
                id="sectionMoreDetailsAction"
                title="More Details Action">
                <subSections>
                    <ObjectPageSubSection>
                        <blocks>
                            <m:List>
                                <m:StandardListItem
                                    description="Navigate to the end-column employee details page"
                                    press=".handleItemPress"
                                    title="Open More Employee Details"
                                    type="Navigation" />
                            </m:List>
                        </blocks>
                    </ObjectPageSubSection>
                </subSections>
            </ObjectPageSection>
        </sections>
    </ObjectPageLayout>
</mvc:View>
