<mvc:View
	controllerName="com.example.fiori.eliq.controller.InvoiceDetail"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m"
	xmlns:f="sap.f"
	xmlns:form="sap.ui.layout.form"
	xmlns:core="sap.ui.core"
	xmlns:data="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
	height="100%">
	<f:DynamicPage id="invoicePage" toggleHeaderOnTitleClick="false">
		<f:title>
			<f:DynamicPageTitle>
				<f:heading>
					<Title text="{eliq>InvoiceId} — {eliq>InvoiceNumber}" />
				</f:heading>
				<f:actions>
					<ObjectStatus
						text="{eliq>StageText}"
						state="{path: 'eliq>Stage', formatter: '.formatter.stageState'}"
						class="sapUiTinyMarginEnd" />
					<Button icon="sap-icon://nav-back" text="{i18n>back}" press=".onNavBack" type="Transparent" />
				</f:actions>
			</f:DynamicPageTitle>
		</f:title>
		<f:header>
			<f:DynamicPageHeader>
				<form:SimpleForm editable="false" layout="ColumnLayout" columnsM="2" columnsL="3">
					<form:content>
						<Label text="{i18n>colSupplier}" />
						<Text text="{eliq>Supplier}" />
						<Label text="{i18n>colAmount}" />
						<Text text="{
							parts: [{ path: 'eliq>Amount' }, { path: 'eliq>Currency' }],
							formatter: '.formatter.currency'
						}" />
						<Label text="{i18n>colOffice}" />
						<Text text="{eliq>Office}" />
						<Label text="{i18n>colAssignee}" />
						<Text text="{eliq>Assignee}" />
						<Label text="{i18n>colDocType}" />
						<Text text="{eliq>DocType}" />
						<Label text="{i18n>colDueDate}" />
						<Text text="{eliq>DueDate}" />
					</form:content>
				</form:SimpleForm>
				<HBox wrap="Wrap" class="sapUiSmallMarginTop" items="{view>/actions}">
					<Button
						text="{view>text}"
						type="Emphasized"
						class="sapUiTinyMarginEnd sapUiTinyMarginBottom"
						press=".onAction"
						data:actionKey="{view>key}" />
				</HBox>
			</f:DynamicPageHeader>
		</f:header>
		<f:content>
			<IconTabBar class="sapUiResponsiveContentPadding" expandable="false">
				<items>
					<IconTabFilter text="{i18n>tabInvoice}" key="invoice">
						<form:SimpleForm editable="false" layout="ColumnLayout" columnsM="2" columnsL="2" title="{i18n>tabInvoice}">
							<form:content>
								<Label text="{i18n>colProtocol}" />
								<Text text="{eliq>ProtocolNumber} / {eliq>ProtocolYear} ({eliq>ProtocolRegister})" />
								<Label text="{i18n>colInvoiceDate}" />
								<Text text="{eliq>InvoiceDate}" />
								<Label text="{i18n>colInvoice}" />
								<Text text="{eliq>InvoiceNumber}" />
								<Label text="{i18n>colVat}" />
								<Text text="{eliq>SupplierVat}" />
								<Label text="{i18n>colLiquidationDate}" />
								<Text text="{eliq>LiquidationDate}" />
								<Label text="{i18n>colLastAction}" />
								<Text text="{eliq>LastAction}" />
							</form:content>
						</form:SimpleForm>
						<MessageStrip
							text="{i18n>protocolMockHint}"
							type="Information"
							showIcon="true"
							class="sapUiSmallMarginBottom" />
						<Button text="{i18n>actVerifySignature}" icon="sap-icon://key" press=".onVerifySignature" />
						<Text text="{view>/signatureMsg}" class="sapUiSmallMarginTop" />
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabAccounting}" key="accounting">
						<Table items="{eliq>AccountingDocs}">
							<columns>
								<Column><Text text="{i18n>colDocId}" /></Column>
								<Column><Text text="{i18n>colFiscalYear}" /></Column>
								<Column><Text text="{i18n>colAdl}" /></Column>
								<Column hAlign="End"><Text text="{i18n>colAmount}" /></Column>
							</columns>
							<items>
								<ColumnListItem>
									<cells>
										<Text text="{eliq>DocId}" />
										<Text text="{eliq>FiscalYear}" />
										<Link text="{eliq>AdlId}" press=".onOpenAdl" enabled="{= !!${eliq>AdlId} }" />
										<Text text="{eliq>Amount}" />
									</cells>
								</ColumnListItem>
							</items>
						</Table>
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabProfile}" key="profile">
						<form:SimpleForm editable="false" layout="ColumnLayout" columnsM="2" columnsL="2">
							<form:content>
								<Label text="{i18n>colDocType}" />
								<Text text="{eliq>DocType}" />
								<Label text="{i18n>prfVerifyCosts}" />
								<Text text="{path: 'eliq>Profile/VerifyCosts', formatter: '.formatter.boolYesNo'}" />
								<Label text="{i18n>prfVerifyGoods}" />
								<Text text="{path: 'eliq>Profile/VerifyGoods', formatter: '.formatter.boolYesNo'}" />
								<Label text="{i18n>prfVerifyStructure}" />
								<Text text="{path: 'eliq>Profile/VerifyStructure', formatter: '.formatter.boolYesNo'}" />
								<Label text="{i18n>prfApproval}" />
								<Text text="{path: 'eliq>Profile/ApprovalRequired', formatter: '.formatter.boolYesNo'}" />
								<Label text="{i18n>prfApprover}" />
								<Text text="{eliq>Profile/Approver}" />
							</form:content>
						</form:SimpleForm>
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabAttachments}" key="attachments">
						<Table items="{eliq>Attachments}">
							<columns>
								<Column><Text text="{i18n>colName}" /></Column>
								<Column><Text text="{i18n>colType}" /></Column>
								<Column><Text text="{i18n>colDate}" /></Column>
								<Column><Text text="{i18n>colAuthor}" /></Column>
								<Column><Text text="{i18n>colSource}" /></Column>
							</columns>
							<items>
								<ColumnListItem>
									<cells>
										<ObjectIdentifier title="{eliq>Name}" text="{eliq>Id}" />
										<Text text="{eliq>Type}" />
										<Text text="{eliq>Date}" />
										<Text text="{eliq>Author}" />
										<ObjectStatus text="{eliq>Source}" state="Information" />
									</cells>
								</ColumnListItem>
							</items>
						</Table>
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabNotes}" key="notes">
						<TextArea value="{eliq>Notes}" rows="6" width="100%" editable="false" />
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabHistory}" key="history">
						<Table items="{eliq>History}">
							<columns>
								<Column width="12em"><Text text="{i18n>colDate}" /></Column>
								<Column><Text text="{i18n>colUser}" /></Column>
								<Column><Text text="{i18n>colAction}" /></Column>
								<Column><Text text="{i18n>colStage}" /></Column>
							</columns>
							<items>
								<ColumnListItem>
									<cells>
										<Text text="{eliq>Date}" />
										<Text text="{eliq>User}" />
										<Text text="{eliq>Action}" />
										<Text text="{eliq>Stage}" />
									</cells>
								</ColumnListItem>
							</items>
						</Table>
					</IconTabFilter>
					<IconTabFilter text="{i18n>tabProcess}" key="process">
						<MessageStrip text="{i18n>processStateHint}" type="Information" showIcon="true" class="sapUiSmallMarginBottom" />
						<ObjectStatus
							title="{i18n>colStage}"
							text="{eliq>StageText}"
							state="{path: 'eliq>Stage', formatter: '.formatter.stageState'}"
							inverted="true" />
					</IconTabFilter>
				</items>
			</IconTabBar>
		</f:content>
	</f:DynamicPage>
</mvc:View>
