<Dialog
    xmlns="sap.m"
    xmlns:f="sap.ui.layout.form"
    xmlns:core="sap.ui.core"
    id="createPageDialog"
    title="{i18n>CreatePageDialog.Title}"
    beforeOpen=".onBeforeOpen"
    afterClose=".destroy">
    <content>
        <f:SimpleForm id="createPageDialogForm" editable="true">
            <Label id="createPageIdLabel" text="{i18n>Label.PageID}" />
            <Input
                maxLength="35"
                required="true"
                id="createPageIdInput"
                change=".onIdChange"
                liveChange=".onIdLiveChange"
                valueLiveUpdate="true"
                value="{ path: '/id', type: 'sap.ui.model.type.String' }" />
            <Label id="createPageTitleLabel" text="{i18n>Label.Title}" />
            <Input
                maxLength="100"
                required="true"
                id="createPageTitleInput"
                liveChange=".onTitleLiveChange"
                valueLiveUpdate="true"
                valueStateText="{i18n>Message.EmptyTitle}"
                value="{ path: '/title', type: 'sap.ui.model.type.String' }" />
        </f:SimpleForm>
        <core:ComponentContainer id="transportContainer" lifecycle="Application"/>
    </content>
    <beginButton>
        <Button
            id="createPageSaveButton"
            type="Emphasized"
            text="{i18n>Button.Create}"
            press=".onConfirm"
            enabled="{ path: '/validation', formatter: '.validate' }" />
    </beginButton>
    <endButton>
        <Button id="createPageCancelButton" text="{i18n>Button.Cancel}" press=".onCancel" />
    </endButton>
</Dialog>
