<h4 class="bg-primary">Select new base station to be replaced</h4>

<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.name}} <span class="text-muted">({{baseStation.mac | macAddress}})</span>
    </label>
  </div>
</div>

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