<div id="network_settings">	
	<div id="ethernet_settings_div">
		<h3>Ethernet</h3>
		{{#if custom.showEthernetWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>Currently connected to device over Ethernet, changing current Ethernet settings may break your connection.{{/if}}
		<hr>
		<div id="ethernet_settings">
			<div class="settingsTopDiv">
				<div class="currentStatusInfo">
					<span>Connection Status: </span><b><span id="ethernet_connection_status">{{ custom.ethernetConnectionStatus}}</span></b>
					<div class="powerButtonDiv">
						<div class="btn-group">
							<button id="ethernetPowerButton" class="btn" title="{{ custom.ethernetPowerButtonString }}">
								<span class="buttonText">{{#if custom.showEthernetWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>{{/if}}{{ custom.ethernetPowerButtonString }}<!-- {{#if custom.showEthernetWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>{{/if}} --></span>
							</button>
						</div>
					</div>
				</div>
				<div class="connectionStatusMessage">
					<span id="ethernetStatusMessage" class="selectableText">{{ custom.ethernetStatusMessage }}<span>
				</div>
			</div>
			<hr>
			<div class="configSettingsDiv">
				<div id="ethernetDHCPSelect" class="row dhcpSelectRow">
					<div id="ethernet-DHCP-Select-Toggle" class="btn-group span11 dhcpSelectSpan">
						<a class="btn dropdown-toggle dhcpSelectionButton" data-toggle="dropdown">
							<span class="btnText">{{custom.ethernetDHCPStatusString}}</span>
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a id="Ethernet_DHCP_Auto">{{custom.dhcpEnabledText}}</a></li>
							<li><a id="Ethernet_DHCP_Manual">{{custom.dhcpDisabledText}}</a></li>
						</ul>
					</div>
					<div class="dhcpAlert span1">
						<div class="alert alert-success">
							<span class="messageIcon icon-checkmark-3"></span>
						</div>
					</div>
				</div>
				<table class="table table-non-striped configSettingsTable">
					<thead>
						<th class="attribute"/>
						<th class="input"/>
						<th class="userFeedback"/>
					</thead>
					<tbody style="background-color:transparent">
						{{#each custom.ethernetIPRegisters}}
							<tr id="{{name}}_VAL" class="networkSetting">
								<td>{{humanName}}: </td>
								<td>
									<span class="Auto_Value {{name}}_AUTO_VAL selectableText" style="{{#unless isDHCPAuto}}display:none;{{/unless}}">{{ initVal }}</span>
									<div class="Manual_Value" style="{{#if isDHCPAuto}}display:none;{{/if}}">
										<input class="ipAddress {{name}}_MAN_VAL" type="text" name="{{humanName}}" value="{{ initVal }}" placeholder="ex: 127.0.0.1">
									</div>
								</td>
								<td class="alertCol">
									<div class="alert alert-success">
										<span class="messageIcon icon-checkmark-3"></span>
									</div>
								</td>
							</tr>
						{{/each}}
					</tbody>
				</table>
				<div class="applyAndCancelButtons">
						<div class="btn-group">
							<button id="ethernetApplyButton" class="btn" title="Apply Changes">
								<span class="buttonText">{{#if custom.showEthernetWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetWarningMessage }}"></span>{{/if}}Apply<!-- {{#if custom.showEthernetWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetWarningMessage }}"></span>{{/if}} --></span>
							</button>
							<button id="ethernetCancelButton" class="btn" title="Cancel Changes">
								<span class="buttonText">Cancel</span>
							</button>
							<div class="networkConfigHelpButtonDiv">
								<button id="ethernetHelpButton" class="networkConfigHelpButton win-command win-command-small" rel="tootlip" title="Ethernet Configuration Help, Opens Link in Default Browser">
									<span class="win-commandicon win-commandring icon-question-2"></span>
								</button>
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>
	{{# if custom.isPro }}
	<br>
	<div id="wifi_settings_div">
		<h3>WiFi</h3>
		{{#if custom.showWifiWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>Currently connected to device over WiFi, changing current WiFi settings may break your connection.{{/if}}
		<hr>
		<div id="wifi_settings">
			<div class="settingsTopDiv">
				<div class="currentStatusInfo">
					<span>Connection Status: </span><b><span id="WIFI_STATUS">Connected</span></b>
					<div class="powerButtonDiv">
						<div class="btn-group">
							<button id="wifiPowerButton" class="btn" title="{{ custom.wifiPowerButtonString }}">
								<span class="buttonText">{{#if custom.showWifiWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>{{/if}}{{ custom.wifiPowerButtonString }}<!-- {{#if custom.showWifiWarning}}<span class="text-warning icon-warning" title="{{../custom.ethernetPowerButtonWarning }}"></span>{{/if}} --></span>
							</button>
						</div>
					</div>
				</div>
				<div class="connectionStatusMessage">
					<span id="wifiStatusMessage" class="selectableText">{{ custom.wifiStatusMessage }}<span>
				</div>
			</div>
			<hr>
			<div class="configSettingsDiv">
				<table class="table table-non-striped configSettingsTable">
					<thead>
						<th class="attribute"/>
						<th class="input"/>
						<th class="userFeedback"/>
					</thead>
					<tbody style="background-color:transparent">
						<tr id="WIFI_SSID_DEFAULT_VAL" class="networkSetting">
							<td>Network Name:</td>
							<td>
								<input class="WIFI_SSID_DEFAULT_AUTO_VAL" type="text" name="Network Name" value="{{ custom.wifiNetworkName }}" placeholder="ex: MyNetwork">
							</td>
							<td class="alertCol">
								<div class="alert alert-success">
									<span class="messageIcon icon-checkmark-3"></span>
								</div>
							</td>
						</tr>
						<tr id="WIFI_PASSWORD_DEFAULT_VAL" class="networkSetting">
							<td>Password:</td>
							<td>
								<input class="WIFI_PASSWORD_DEFAULT_AUTO_VAL" type="password" name="{{humanName}}" value="" placeholder ="ex: password">
							</td>
							<td class="alertCol">
								<div class="alert alert-success">
									<span class="messageIcon icon-checkmark-3"></span>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<div id="wifiDHCPSelect" class="row dhcpSelectRow">
					<div id="wifi-DHCP-Select-Toggle" class="btn-group span11 dhcpSelectSpan">
						<a class="btn dropdown-toggle dhcpSelectionButton" data-toggle="dropdown">
							<span class="btnText">{{custom.wifiDHCPStatusString}}</span>
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a id="WiFi_DHCP_Auto">{{custom.dhcpEnabledText}}</a></li>
							<li><a id="WiFi_DHCP_Manual">{{custom.dhcpDisabledText}}</a></li>
						</ul>
					</div>
					<div class="dhcpAlert span1">
						<div class="alert alert-success">
							<span class="messageIcon icon-checkmark-3"></span>
						</div>
					</div>
				</div>
				<table class="table table-non-striped configSettingsTable wifiConfigSettingsTable">
					<thead>
						<th class="attribute"/>
						<th class="input"/>
						<th class="userFeedback"/>
					</thead>
					<tbody style="background-color:transparent">
						{{#each custom.wifiIPRegisters}}
							<tr id="{{name}}_VAL" class="networkSetting">
								<td>{{humanName}}:</td>
								<td>
									<span class="Auto_Value {{name}}_AUTO_VAL selectableText" style="{{#unless isDHCPAuto}}display:none;{{/unless}}">{{ initVal }}</span>
									<div class="Manual_Value" style="{{#if isDHCPAuto}}display:none;{{/if}}">
										<input class="ipAddress {{name}}_MAN_VAL" type="text" name="{{humanName}}" value="{{ initVal }}" placeholder="ex: 127.0.0.1">
									</div>
								</td>
								<td class="alertCol">
									<div class="alert alert-success">
										<span class="messageIcon icon-checkmark-3"></span>
									</div>
								</td>
							</tr>
						{{/each}}
					</tbody>
				</table>
				<div class="applyAndCancelButtons">
						<div class="btn-group">
							<button id="wifiApplyButton" class="btn" title="Apply Changes">
								<span class="buttonText">{{#if custom.showWifiWarning}}<span class="text-warning icon-warning" title="{{../custom.wifiWarningMessage }}"></span>{{/if}}Apply<!-- {{#if custom.showWifiWarning}}<span class="text-warning icon-warning" title="{{../custom.wifiWarningMessage }}"></span>{{/if}} --></span>
							</button>
							<button id="wifiCancelButton" class="btn" title="Cancel Changes">
								<span class="buttonText">Cancel</span>
							</button>
							<div class="networkConfigHelpButtonDiv">
								<button id="wifiHelpButton" class="networkConfigHelpButton win-command win-command-small" rel="tootlip" title="WiFi Configuration Help, Opens Link in Default Browser">
									<span class="win-commandicon win-commandring icon-question-2"></span>
								</button>
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>
	{{/if}}
</div>
