<div id="primary_header">
	<h1><?php print $this->translate('Mobile UI Configuration')?></h1>
</div>

<div id="primary_content">
	<div id="primary_content_inner">

		<div id="Flash" class="flash_notice"><?php print $this->translate('The settings have been updated') ?></div>

		<form id="settingsForm" method="post" action="<?php echo $this->moduleBaseUrl ?>/services/mobileuisave">
			<input type="hidden" name="save" value="1" />
			<table class="settings">
				<tr>
					<td class="label"><?php print $this->translate('Enable Mobile UI')?></td>
					<td>
						<input name="fields[mobileui]" type='hidden' value="0"/>
						<input name="fields[mobileui]" type="checkbox" class="iphoneStyle" value="1" <?php echo ($this->global['mobileui'] == '1') ? 'checked' : '' ?>>
						<small><?php print $this->translate('Allow clients to be redirected to the mobile UI if detected.')?></small>
					</td>
				</tr>
			</table>
			<div class="divider"></div>
			<table class="settings">

				<tr>
					<td class="label"><?php print $this->translate('Mobile UI Theme')?></td>
					<td class="tdstyle">
						<div class="styled-select">
						        <span class="arrow"></span>
						<select name="fields[mobilecssStyle]" id="cssStyle">
							<option value="original" selected>Original</option>
						</select>
						</div>
						<small><?php print $this->translate('Specify the theme used for the mobile UI interface.')?></small>
					</td>
				</tr>

				<tr>
					<td class="label"><?php print $this->translate('Theme Example')?></td>
					<td>
						<img src='<?php echo $this->siteBaseUrl ?>images/mobile/themes/original.png' id='cssTheme' width='140' height='200'/>
					</td>
				</tr>
			</table>
		</form>
		<div class="divider"></div>
		<div id="back_button">
			<a href="#">
				<span class="stronglastword"><?php echo $this->translate('Save Settings') ?></span>
			</a>
		</div>
	</div>
</div>

<script type="text/javascript">
	$( function(){
		var tabId = "#Mobile_UI";
		perform_service_common_binds(tabId);
	});

</script>
