<div class="panel_top">
	<h2 class="title" data-i18n="SETTINGS/TITLE_MOBILE_SYNC" data-bind="i18n: 'text'"></h2>
</div>

<div class="panel_center">
	<div class="fields scroll-inner">
		<div class="fieldset" data-bind="visible: enableDav">
			<h2 class="subtitle" data-i18n="SETTINGS/MOBILE_DAVSYNC_HEADING" data-bind="i18n: 'text'"></h2>
			<div class="hint" data-i18n="SETTINGS/MOBILE_DAVSYNC_HINT" data-bind="i18n: 'text'"></div>
			
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_SERVER" data-bind="i18n: 'text'"></span>
				<span class="value" data-bind="text: davServer"></span>
			</div>
			
			<div class="hint" data-i18n="SETTINGS/MOBILE_DAVSYNC_HEADING_LOGIN" data-bind="i18n: 'text'"></div>
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_LOGIN" data-bind="i18n: 'text'"></span>
				<span class="value" data-bind="text: davLogin"></span>
			</div>
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_PASSWORD_TITLE" data-bind="i18n: 'text'"></span>
				<span class="value" data-bind="text: password"></span>
			</div>
		</div>
		
		<div class="fieldset ios_profile" data-bind="visible: bVisibleIosLink">
			<div class="row">
				<span class="label">
				</span>
				<span class="value">
					<a class="link" href="./?Profile">
						<span class="icon"></span>
						<span class="text" data-i18n="SETTINGS/MOBILE_IOS_LINK" data-bind="i18n: 'text'"></span>
					</a>
				</span>
			</div>
		</div>
			
		<div class="fieldset" data-bind="visible: visibleDavViaUrls">
			<h2 class="subtitle" data-i18n="SETTINGS/MOBILE_DAVSYNC_SEPARATE_URLS_HEADING" data-bind="i18n: 'text'"></h2>
			<div class="hint" data-i18n="SETTINGS/MOBILE_DAVSYNC_HINT_URLS" data-bind="i18n: 'text'"></div>
		
			<div class="fieldgroup" data-bind="visible: bVisibleCalendar">
				<h2 class="subtitle" data-i18n="SETTINGS/MOBILE_DAVSYNC_HEADING_CALENDAR" data-bind="i18n: 'text'"></h2>

				<!-- ko foreach: davCalendars -->
				<div class="row">
					<span class="label" data-bind="text: Name"></span>
					<span class="value" data-bind="text: Url"></span>
				</div>
				<!-- /ko -->
			</div>

			<div class="fieldgroup" data-bind="visible: bVisibleContacts">
				<h2 class="subtitle" data-i18n="SETTINGS/MOBILE_DAVSYNC_HEADING_CONTACTS" data-bind="i18n: 'text'"></h2>

				<div class="row" data-bind="visible: bVisiblePersonalContacts">
					<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_PERSONAL_CONTACTS" data-bind="i18n: 'text'"></span>
					<span class="value" data-bind="text: davPersonalContactsUrl"></span>
				</div>

				<div class="row" data-bind="visible: bVisiblePersonalContacts">
					<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_COLLECTED_ADDRESSES" data-bind="i18n: 'text'"></span>
					<span class="value" data-bind="text: davCollectedAddressesUrl"></span>
				</div>
				<div class="row" data-bind="visible: bVisibleGlobalContacts">
					<span class="label" data-i18n="SETTINGS/MOBILE_DAVSYNC_GLOBAL_ADDRESS_BOOK" data-bind="i18n: 'text'"></span>
					<span class="value" data-bind="text: davGlobalAddressBookUrl"></span>
				</div>
			</div>
		</div>
		
		<div class="fieldset" data-bind="visible: enableActiveSync">
			<h2 class="subtitle" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_HEADING" data-bind="i18n: 'text'"></h2>
			
			<div class="hint" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_HINT" data-bind="i18n: 'text'"></div>
			
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_SERVER" data-bind="i18n: 'text'"></span>
				<span class="value" data-bind="text: activeServer"></span>
			</div>
			
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_LOGIN" data-bind="i18n: 'text'"></span>
				<span class="value" data-bind="text: activeLogin"></span>
			</div>
			
			<div class="row">
				<span class="label" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_PASSWORD_TITLE" data-bind="i18n: 'text'"></span>
				<span class="value" data-i18n="SETTINGS/MOBILE_ACTIVESYNC_PASSWORD_VALUE" data-bind="i18n: 'text'"></span>
			</div>
		</div>
			
	</div>
</div>
