<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 remote control to assign</h4>

  <p>Now you will assign the remote controls to the devices which have been discovered.</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="remote in room.remotes track by remote.id">
                <label>
                  <input type="radio" name="remoteId" ng-model="remoteId" value="{{remote.id}}" ng-click="setRoomRemote(room.id, room.name, remote.name, remote.type, remote.id)" ng-disabled="isNotTmp(remote.mac)"> {{remote.name}} <span ng-if="isNotTmp(remote.mac)">({{remote.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.selectedRemoteName" ng-click="doNext()">Next</button>

</div>