<h4 class="bg-primary">Select the base station you are replacing</h4>
<p>Select the base station you are replacing, then click <strong>Next</strong>.</p>
<p>To make identifying the correct device easier the list shows the MAC address of the device, which can also be found printed on the device itself, and the name of the room it is programmed to control.</p>

<p class="well">
  <strong>Tip:</strong>&nbsp;&nbsp;<i class="fa fa-key gold"></i> indicates the primary controller.
</p>

<!-- <div class="alert alert-warning margin-top-md" role="alert" ng-if="">
  <i class="fa fa-warning"></i>&nbsp;&nbsp;<strong>No Base Stations Found</strong>
  <p>There were no available base stations found on your network.</p>
</div> -->


<div ng-repeat="room in system.rooms">
  <h4>{{room.name}}</h4>
 
  <div class="radio" ng-repeat="bstation in room.bstations">
    <label>
      <input type="radio" name="base-station" ng-model="bsReplace.selection" id="base-station-{{$index}}" ng-value="bstation" required>
      &nbsp;&nbsp;{{bstation.name}}&nbsp;&nbsp;<span class="text-muted">({{bstation.mac | macAddress}})</span>&nbsp;&nbsp;<i class="fa fa-key gold" ng-if="bstation.master"></i>
    </label>
  </div>

</div>

<div class="left-and-right">
  <go-back state="system-settings.main"></go-back>
  <button class="btn btn-primary btn-next" ng-if="system.rooms.length" ng-disabled="!bsReplace.selection" ng-click="doNext()">Next</button>
</div>
