<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">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">
                <label for="power-cap" class="content-label power-cap-value-label">POWER CAP VALUE IN WATTS</label>
                <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>
    </section>
  </form>
</div>