<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"
	xmlns:d="urn:import:org.ovirt.engine.ui.common.widget.dialog" xmlns:e="urn:import:org.ovirt.engine.ui.webadmin.widget.editor">

	<ui:with field='resources' type='org.ovirt.engine.ui.webadmin.ApplicationResources' />

	<ui:style type="org.ovirt.engine.ui.webadmin.section.main.view.popup.guide.GuidePopupView.Style">
		.infoPanel {
			padding-left: 15px;
			padding-top: 15px;
			font-weight: bold;
		}

		.section {
			padding-left: 15px;
			padding-top: 15px;
			font-weight: bold;
		}

		.actionButtonContent {
			min-width: 200px;
			text-align: left;
		}

		.actionButton {
			margin-bottom: 10px;
		}

		.actionsLabel {
			padding-bottom: 15px;
		}
	</ui:style>

	<d:SimpleDialogPanel width="450px" height="400px">
		<d:logo>
			<g:Image resource='{resources.dialogLogoGuideImage}' />
		</d:logo>

		<d:content>
			<g:FlowPanel>
				<g:VerticalPanel addStyleNames="{style.infoPanel}">
					<g:Label ui:field="infoLabel"/>
				</g:VerticalPanel>
				<g:VerticalPanel ui:field="compulsorySection" addStyleNames="{style.section}" visible="false">
					<g:Label ui:field="compulsoryActionsLabel" addStyleNames="{style.actionsLabel}"/>
					<g:VerticalPanel ui:field="compulsoryActionsPanel"/>
				</g:VerticalPanel>
				<g:VerticalPanel ui:field="optionalSection" addStyleNames="{style.section}" visible="false">
					<g:Label ui:field="optionalActionsLabel" addStyleNames="{style.actionsLabel}"/>
					<g:VerticalPanel ui:field="optionalActionsPanel"/>
				</g:VerticalPanel>
			</g:FlowPanel>
		</d:content>
	</d:SimpleDialogPanel>

</ui:UiBinder>
