<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 - Select a control base to assign</h4>

  <p>Now you will assign the remaining base stations to the devices which have been discovered. Select a base.</p>

  <button class="btn btn-default btn-warning" type="button" ng-click="doLater()">I'll do this later</button>
  <p>&nbsp;</p>

  <div class="scrollable-window scrollable-window-lg">
    <div ng-repeat="room in system.rooms track by room.id">
      <div class="panel-group">
        <div>
          <div>
            <i class="fa fa-plus"></i>
            <strong >&nbsp;&nbsp;{{room.name}}</strong>
          </div>
          <div>
            <div >
              <div class="checkbox padding-left-md" ng-repeat="bstation in room.bstations track by bstation.id">
                <label>
                  <input type="radio" name="bstationId" ng-model="bstationId" value="{{bstation.id}}" ng-click="setRoomBstation(room.id, room.name, bstation.name, bstation.type, bstation.id)" ng-disabled="isNotTmp(bstation.mac)"> {{bstation.name}} <span ng-if="isNotTmp(bstation.mac)">({{bstation.mac | macAddress}})</span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <go-back state="requests"></go-back>
  <button class="btn btn-primary btn-next pull-right" type="button" ng-disabled="!import.selectedBstationName" ng-click="doNext()">Next</button>

</div>