			<div id="uisetup" class="panel-outer">
				<a href="#" id="uisetup-close" class="close-button pull-left"></a>
				<div class="slider-right">
					<div class="panel">
						<h3 class="text-center">Visual Interface</h3>
						<div class="row" style="margin-top:10px;">
							<div class="col-sm-5" style="padding-right:12px;">
								<div class="row" style="margin-bottom: 10px;">

									<div class="col-sm-12">
										<p>Theme</p>
										<select id="themes_list" class="form-control">
										<?php echoThemeSelectList(); ?>
										</select>
									</div>
									
								</div>
								<hr class="panelruler">
								<div class="row" style="margin-top:0px;">
									<div class="col-sm-12">
										<p style="">Date Format in domain table (Examples: d-M-Y, M-d-Y)</p>
										<div class="input-group" style="margin-bottom:10px;">
											<input type="text" class="form-control input-sm" id="domdateformat" placeholder="">
											<span class="input-group-btn">
												<button class="btn btn-danger btn-sm" id="setdomdateformat" type="button">Set</button>
											</span>
										</div>
										<p class="small" style="margin-bottom:6px;">The application will refresh for the theme and 
										date format changes to take effect.</p>
										
										<hr class="panelruler">
										
										<div class="checkbox" style="margin-top:0;">
											<label>
											  <input id="showfooter" type="checkbox"> Show Footer
											</label>
										</div>
										
										<div class="checkbox" style="margin-top:0;">
											<label>
											  <input id="gridautowidth" type="checkbox"> Auto resize domain columns
											</label>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-7" style="border-left:1px dotted #AAA;">

								<p style="margin-bottom:6px;">Text Size</p>
								<div id="table-font-size-slider"></div>

								<div class="row">
									<div class="col-sm-12" style="margin-top:20px;">
										<div class="checkbox" style="margin-top:0;">
											<label>
											  <input id="useCustomFont" type="checkbox"> Use Custom Font Face
											</label>
										 </div>
									</div>
								</div>
								<hr class="panelruler">
								<div class="row" style="margin-bottom:5px;">
									<div class="col-sm-12" style="margin-top:0px; margin-bottom:20px;">
										<p style="margin-bottom:6px;">Expiry Alert Days (<span id="exp-alert-days"></span>)</p>
										<div id="expiry-highlight-days-slider"></div>
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12">
										<p style="">Highlight these status codes (comma separated)</p>
										<p><textarea class="form-control" rows="3" id="highlight-status-codes" style="resize:none;"></textarea></p>
										<p><button class="btn btn-danger btn-sm" id="highlight-status-codes-submit" type="button">Set</button></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
<?php
function echoThemeSelectList()
{
	echo "\n";
	$path = get_install_folder_path() . "lib/css/jquery-ui/themes/*";
	$dirs = array_filter(glob($path, GLOB_ONLYDIR), 'is_dir');
	$curtheme = get_config_data('ui_theme');
	foreach($dirs as $dname)
	{
		$parts = explode('/', $dname);
		$theme = end($parts); 
		if($theme == $curtheme)
			echo "\t\t\t\t\t<option selected>$theme</option>\n";
		else
			echo "\t\t\t\t\t<option>$theme</option>\n";
	}
}
?>
