<h4 class="bg-primary">Select an available base station</h4>
<p>These are the available base stations that were discovered in your system.</p>
<p>Select the one that you would like to use as a replacement for the base station in the previous step.</p>

<refresh-hardware reset="bsReplace.bsSelect" ng-model="baseStations" device-type="bsType"></refresh-hardware>

<div class="alert alert-warning margin-top-md" role="alert" ng-if="!baseStations.length">
  <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-if="baseStations.length">
  <div class="radio" ng-repeat="baseStation in baseStations track by baseStation.mac">
    <label>
      <input type="radio" name="base-station" ng-model="bsReplace.target" id="base-station-{{$index}}" ng-value="baseStation">
      {{baseStation.mac | macAddress}} <span class="text-muted">({{baseStation.name}})</span>
    </label>
  </div>
</div>

<div class="left-and-right">
  <go-back state="system-settings.replace.main"></go-back>
  <button class="btn btn-primary btn-next" ng-click="doNext()">Next</button>
</div>
