<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 remote controls.</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>{{selectedRemote.roomName}}</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="!remotes.length">
    <p>There were no remote controls discovered. Make it is connected and click Refresh to try again.</p>
  </div>

  <div ng-if="remotes.length">
    <div class="radio" ng-repeat="remote in remotes track by remote.mac">
      <label>
        <input type="radio" name="remote" id="remote-control-{{$index}}" ng-click="selectMac(remote.mac)" required>
        {{remote.mac | macAddress}} <span class="text-muted">({{remote.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>