<h4 class="bg-primary">Select a remote control from the list</h4>
<p>Choose an available remote control. They are listed by ID number which appear on an available remote's screen. If your remote control(s) did not appear on this list, verify they are not in Sleep Mode, or simply connect the remote control(s) to their charger.</p>
<p>Here are the remotes which have been found on the network</p>


<refresh-hardware reset="addRemote.selection" ng-model="remotes" device-type="remoteType"></refresh-hardware>

<div class="alert alert-warning margin-top-md" role="alert" ng-if="!remotes.length">
  <i class="fa fa-warning"></i>&nbsp;&nbsp;<strong>No Remote Controls Found</strong>
  <p>There were no available remote controls found on your network.</p>
</div>

<form action="" name="addRemoteForm" ng-submit="doNext()" novalidate>
  <div ng-if="remotes.length">
    <div class="radio" ng-repeat="remote in remotes track by remote.mac">
      <label>
        <input type="radio" name="remote" ng-model="addRemote.selection" ng-value="remote" required>
        {{remote.mac | remoteId}}
      </label>
    </div>
  </div>

  <div class="left-and-right">
    <button class="btn btn-primary btn-previous" ng-click="goBack()">Back</button>
    <button class="btn btn-primary" type="submit" ng-disabled="addRemoteForm.$invalid || !remotes.length">Finish</button>
  </div>
</form>