<!-- @Author Giancarlo Panichi -->
<!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:c="urn:import:com.google.gwt.user.cellview.client"
	xmlns:b="urn:import:com.github.gwtbootstrap.client.ui" xmlns:b2="urn:import:com.github.gwtbootstrap.datetimepicker.client.ui">


	<ui:with field="res"
		type="org.gcube.portlets.user.accountingdashboard.client.resources.AppResources" />



	<g:HTMLPanel styleName="{res.uiDataCss.uiDataFiltersPanel}">
				<b:Heading size="5" styleName="{res.uiDataCss.uiDataFiltersTitle}">Filters</b:Heading>
				<g:HTMLPanel ui:field="periodPanel"
					styleName="{res.uiDataCss.uiDataFiltersPeriodPanel}">
					<b:Form type="HORIZONTAL" styleName="{res.uiDataCss.uiDataFiltersFormPanel}">
						<b:Fieldset>
							<b:ControlGroup>
								<b:ControlLabel width="50px" for="fromPeriod">From:</b:ControlLabel>
								<b:Controls styleName="{res.uiDataCss.uiDataFiltersControls}">
									<b:ListBox ui:field="yearStart" width="100px" b:id="yearStart">
									</b:ListBox>
									<b:ListBox ui:field="monthStart" width="100px" b:id="monthStart">
									</b:ListBox>
									<b:HelpBlock>Select the start date</b:HelpBlock>
								</b:Controls>
							</b:ControlGroup>
							<b:ControlGroup>
								<b:ControlLabel width="50px" for="endPeriod">To:</b:ControlLabel>
								<b:Controls styleName="{res.uiDataCss.uiDataFiltersControls}">
									<b:ListBox ui:field="yearEnd" width="100px" b:id="yearEnd">
									</b:ListBox>
									<b:ListBox ui:field="monthEnd" width="100px" b:id="monthEnd">
									</b:ListBox>
									<b:HelpBlock>Select the end date</b:HelpBlock>
								</b:Controls>
							</b:ControlGroup>
						</b:Fieldset>
					</b:Form>
				</g:HTMLPanel>
				<g:HTMLPanel ui:field="explorePanel"
					styleName="{res.uiDataCss.uiDataFiltersExplorePanel}">
					<c:CellTree addStyleNames="{res.uiDataCss.uiDataExploreTree}"
						ui:field='scopeTree' />
				</g:HTMLPanel>
	</g:HTMLPanel>
</ui:UiBinder>
