<loader loading="loading"></loader>
<div id="power-usage">
	<div class="row column">
		<h1>Manage Power Usage</h1>
	</div>
	<form class="power-usage__form" role="form" action="">
		<section class="row column">
			<div class="page-header">
				<h2 class="bold h4">Power information</h2>
			</div>
			<fieldset>
					<ul class="power-usage__metadata-wrapper">
						<li class="power-usage__metadata-block">
							<p class="content-label">Power Consumption</p>
							<p class="courier-bold">{{power_consumption}}</p>
						</li>
						<li class="power-usage__metadata-block">
							<div class="toggle inline">
								<input id="toggle__switch-round"
												class="toggle-switch toggle-switch__round-flat"
												type="checkbox"
												tabindex="0"
												ng-model="power_cap.PowerCapEnable"
												ng-checked="power_cap.PowerCapEnable">
								<label for="toggle__switch-round" tabindex="0">Server power cap setting is <span class="uid-switch__status">{{power_cap.PowerCapEnable ? "on" : "off"}}</span></label>
							</div>
							<div class="power-usage__switch-label inline">
								<p>Server power cap setting is <span class="uid-switch__status">{{power_cap.PowerCapEnable ? "on" : "off"}}</span></p>
								<p>Set a power cap to keep power consumption at or below the specified value in watts.</p>
							</div>
							<div class="small-12 large-4">
								<p class="content-label power-cap-value-label">POWER CAP VALUE IN WATTS</p>
								<input id="power-cap" type="number" min="100" max="10000" step="1" ng-disabled="!power_cap.PowerCapEnable"  ng-model="power_cap.PowerCap"/>
							</div>
						</li>
					</ul>
			</fieldset>
			<div class="power-usage__submit-wrapper">
				<button type="button" class="btn-primary inline" ng-click="setPowerCap()">Save settings</button>
				<button type="button" class="btn-secondary inline" ng-click="refresh()">Cancel</button>
			</div>
			<p class="success-msg" ng-show="set_power_cap_success" role="alert">Success! Power cap changed!</p>
			<p class="set_powercap_error error-msg" ng-show="set_power_cap_error" role="alert">Error setting Power Cap!</p>
		</section>
	</form>
</div>