<core:FragmentDefinition
	xmlns="sap.m"
	xmlns:core="sap.ui.core">
	<Popover
		id="myPopover"
		showHeader="false"
		contentWidth="320px"
		contentHeight="500px"
		placement="Bottom"
		ariaLabelledBy="master-title">
		<NavContainer
			id="navCon">
			<Page
				id="master"
				class="sapUiResponsivePadding--header"
				title="Products">
				<List
					id="list"
					items="{/ProductCollection}" >
					<StandardListItem
						title="{Name}"
						description="{ProductId}"
						type="Active"
						icon="{ProductPicUrl}"
						press="onNavToProduct"
						iconDensityAware="false"
						iconInset="false" />
				</List>
			</Page>
			<Page
				id="detail"
				class="sapUiResponsivePadding--header"
				showNavButton="true"
				navButtonPress="onNavBack"
				title="Product">
				<content>
					<ObjectHeader title="{Name}" >
						<attributes>
							<ObjectAttribute text="{WeightMeasure} {WeightUnit}" />
							<ObjectAttribute text="{Width} x {Depth} x {Height} {DimUnit}" />
						</attributes>
					</ObjectHeader>
					<Text class="sapUiSmallMargin" text="{Description}" />
				</content>
			</Page>
		</NavContainer>
	</Popover>
</core:FragmentDefinition>