<h3 class="text-center"><i class="fa fa-magic"></i>  Importing Job Data</h3>


<div class="installer-container">

  <h4 class="bg-primary">Import job data - Assign discovered device</h4>

  <p>Now select the correct device from the list of discovered controller base stations.</p>
  <p>If you don't see the device you are looking for make sure it is connected to your network and then click refresh.</p>

  <p>You are assigning a device for:</p>
  <p>Room Name: <strong>{{selectedBstation.roomName}}</strong><br>Base station Name: <strong>{{selectedBstation.bstationName}}</strong></p>

  <button class="btn btn-success ng-scope ng-isolate-scope ng-pristine ng-valid" type="button" ng-click="refresh()"><i class="fa fa-refresh"></i>&nbsp;&nbsp;Refresh</button>

  <div class="alert alert-warning margin-top-md" role="alert" ng-if="!baseStations.length">
    <p>There were no base stations discovered. Make sure the base is connected and click Refresh to try again.</p>
  </div>

  <div ng-if="baseStations.length">
    <div class="radio" ng-repeat="baseStation in baseStations track by baseStation.mac">
      <label>
        <input type="radio" name="baseStation" id="base-station-{{$index}}" ng-click="selectMac(baseStation.mac)" required>
        {{baseStation.mac | macAddress}} <span class="text-muted">({{baseStation.name}})</span>
      </label>
    </div>
  </div>

  <div class="left-and-right">
    <go-back></go-back>
    <button class="btn btn-primary btn-next pull-right" type="button" ng-disabled="!selectedMac" ng-click="openModal()">Next</button>
  </div>

</div>