<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 - Review your work</h4>

  <button class="btn btn-default btn-success" type="button" ng-click="finish()">Finish</button>

  <div class="room" ng-repeat="room in system.rooms track by $index">

    <h4 class="room-detail">{{room.name}}</h4>

    <p ng-repeat="bstation in room.bstations track by bstation.id">
      {{bstation.name}} <span class="text-muted" ng-if="isNotTmp(bstation.mac)">{{bstation.mac | macAddress}}</span>
      <span class="text-muted" ng-if="isTmp(bstation.mac)">Incomplete</span>
      <i class="fa fa-fw fa-key gold" ng-if="bstation.master"
         data-placement="top"
         data-title="{{bstation.name}} is the primary controller."
         data-trigger="hover click" bs-tooltip></i>

      <span class="pull-right">
        <a class="link-unstyled" ng-click="assign(isTmp(bstation.mac), 'bstation', bstation.id)"> <i class="fa fa-lg fa-fw fa-pencil "></i></a>
      </span>
    </p>

    <p ng-repeat="remote in room.remotes track by remote.id">
      {{remote.name}} <span class="text-muted" ng-if="isNotTmp(remote.mac)">{{remote.mac | macAddress}}</span>
      <span class="text-muted" ng-if="isTmp(remote.mac)">Incomplete</span>

      <span class="pull-right">
        <a class="link-unstyled" ng-click="assign(isTmp(remote.mac), 'remote', remote.id)"> <i class="fa fa-lg fa-fw fa-pencil "></i></a>
      </span>
    </p>

    <p ng-repeat="device in room.devices track by device.id">
      {{device.name}} <span class="text-muted" ng-if="device.target_addr && device.target_port">{{device.target_addr}} : {{device.target_port}}</span>
      <span class="text-muted" ng-if="!device.target_addr || !device.target_port">Incomplete</span>
      <span class="pull-right">
        <a class="link-unstyled" ng-click="assign((!device.target_addr || !device.target_port), 'device', device.id)"> <i class="fa fa-lg fa-fw fa-pencil "></i></a>
      </span>
    </p>
  </div>

  <p>&nbsp;</p>

  <div>
    <go-back state="import.select-base" ng-if="!completed"></go-back>
    <go-back state="requests" ng-if="completed"></go-back>
  </div>
</div>