<?xml version="1.0" encoding="utf-8" ?>
<c:Screen xmlns:c="BitMobile.Controls" xmlns:s="BitMobile.ValueStack" StyleSheet="Sync.css">
	
	<c:SwipeHorizontalLayout Id="swipe_layout" Index="1">

		<s:Include File="\Components\SideMenu.xml"/>

		<c:VerticalLayout Id="VLayout">

			<c:DockLayout CssClass="top_navigator">
				<c:DockLayout Id="btnMenu" CssClass="btn_menu" OnEvent="Back" OnClickAction="$OpenMenu($swipe_layout)">
					<c:Image CssClass="menuIcon" />
				</c:DockLayout>
				<c:DockLayout CssClass="btn_space" />
				<c:HorizontalLayout>
					<c:TextView Text="#sync#" />
				</c:HorizontalLayout>
			</c:DockLayout>
			<c:HorizontalLine />

			<c:HorizontalLayout CssClass="caption_grid">
				<c:TextView Text="#synchronizationData#:" />
			</c:HorizontalLayout>
			<c:HorizontalLine />

			<c:HorizontalLayout CssClass="grid">
				<c:VerticalLayout>
					<c:DockLayout>
						<c:TextView Text="#lastSync#" />
						<c:Button Text="#synchronize#" OnClick="$SyncData()" />
					</c:DockLayout>

					<c:TextView Id="dataSyncReport" CssClass="main_row" />

					<c:TextView Id="dataSyncError" CssClass="red_row" />

					<c:HorizontalLayout Id="dataSyncLayout" Visible="false">
						<c:Indicator Id="dataSyncIndicator" />
						<c:TextView Text="#sync#..." />
					</c:HorizontalLayout>
				</c:VerticalLayout>
			</c:HorizontalLayout>
			<c:HorizontalLine />

			<c:HorizontalLayout CssClass="end_of_block" />

			<c:HorizontalLayout CssClass="caption_grid">
				<c:TextView Text="#synchronizationPhoto#:" />
			</c:HorizontalLayout>
			<c:HorizontalLine />

			<c:HorizontalLayout CssClass="grid">
				<c:VerticalLayout>
					<c:DockLayout>
						<c:TextView Text="#lastSync#" />
						<c:Button Text="#synchronize#" OnClick="$SyncFtp()" />
					</c:DockLayout>

					<c:TextView Id="ftpSyncReport" CssClass="main_row" />

					<c:TextView Id="ftpSyncError" CssClass="red_row" />

					<c:HorizontalLayout Id="ftpSyncLayout" Visible="false">
						<c:Indicator Id="ftpSyncIndicator" />
						<c:TextView Text="#sync#..." />
					</c:HorizontalLayout>
				</c:VerticalLayout>
			</c:HorizontalLayout>
			<c:HorizontalLine />

			<c:HorizontalLayout CssClass="empty_space" />

		</c:VerticalLayout>

	</c:SwipeHorizontalLayout>
	
</c:Screen>