<mvc:View
    controllerName="<%- app.id %>.controller.Detail"
    xmlns="sap.m"
    xmlns:semantic="sap.f.semantic"
    xmlns:mvc="sap.ui.core.mvc">

    <semantic:SemanticPage
        id="detailPage"
        busy="{detailView>/busy}"
        busyIndicatorDelay="{detailView>/delay}">
        <semantic:titleHeading>
            <Title
                text="{<%=template.settings.entity.idProperty%>}"
                level="H2"/>
        </semantic:titleHeading>
        <semantic:headerContent>
            <ObjectAttribute title="{i18n>priceTitle}"/>
            <ObjectNumber<%if (template.settings.entity.numberProperty) {%>
                number="{
                    path: '<%=template.settings.entity.numberProperty%>',
                    formatter: '.formatter.numberUnit'
                }"<%}%><%if (template.settings.entity.unitOfMeasureProperty) {%>
                unit="{<%=template.settings.entity.unitOfMeasureProperty%>}"<%}%> />
        </semantic:headerContent>
        <semantic:content>
<%if (template.settings.lineItem.name) {%>
            <Table
                id="lineItemsList"
                width="auto"
                items="{<%=template.settings.lineItem.name%>}"
                updateFinished=".onListUpdateFinished"
                noDataText="{i18n>detailLineItemTableNoDataText}"
                busyIndicatorDelay="{detailView>/lineItemTableDelay}">
                <headerToolbar>
                    <Toolbar>
                        <Title
                            id="lineItemsTitle"
                            text="{detailView>/lineItemListTitle}"
                            titleStyle="H3"
                            level="H3"/>
                    </Toolbar>
                </headerToolbar>
                <columns>
                    <Column>
                        <Text text="{i18n>detailLineItemTableIDColumn}"/>
                    </Column>
                    <Column
                        minScreenWidth="Tablet"
                        demandPopin="true"
                        hAlign="End">
                        <Text text="{i18n>detailLineItemTableUnitNumberColumn}"/>
                    </Column>
                </columns>
                <items>
                    <ColumnListItem>
                        <cells>
                            <ObjectIdentifier
                                title="{<%=template.settings.lineItem.idProperty%>}"
                                text="{<%=template.settings.lineItem.key%>}"/>
                            <ObjectNumber<%if (template.settings.lineItem.numberProperty) {%>
                                number="{
                                    path: '<%=template.settings.lineItem.numberProperty%>',
                                    formatter: '.formatter.currencyValue'
                                }"<%}%><%if (template.settings.lineItem.unitOfMeasureProperty) {%>
                                unit="{<%=template.settings.lineItem.unitOfMeasureProperty%>}"<%}%> />
                        </cells>
                    </ColumnListItem>
                </items>
            </Table><%}%>
        </semantic:content>
        <!--Semantic ShareMenu Buttons-->
        <semantic:sendEmailAction>
            <semantic:SendEmailAction
                id="shareEmail"
                press=".onSendEmailPress"/>
        </semantic:sendEmailAction>

        <semantic:closeAction>
            <semantic:CloseAction
                    id="closeColumn"
                    press=".onCloseDetailPress"/>
        </semantic:closeAction>

        <semantic:fullScreenAction>
            <semantic:FullScreenAction
                    id="enterFullScreen"
                    visible="{= !${device>/system/phone} &amp;&amp; !${appView>/actionButtonsInfo/midColumn/fullScreen}}"
                    press=".toggleFullScreen"/>
        </semantic:fullScreenAction>
        <semantic:exitFullScreenAction>
            <semantic:ExitFullScreenAction
                    id="exitFullScreen"
                    visible="{= !${device>/system/phone} &amp;&amp; ${appView>/actionButtonsInfo/midColumn/fullScreen}}"
                    press=".toggleFullScreen"/>
        </semantic:exitFullScreenAction>

    </semantic:SemanticPage>

</mvc:View>