<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 - Input IP addresses for network devices</h4>

  <p>Now enter the IP address and port number for A/V devices controlled through the network.</p>

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

  <form name="deviceSettingsForm" role="form" ng-submit="doNext()" enter-press="deviceSettingsForm.$valid && doNext()" novalidate>
    <div class="scrollable-window scrollable-window-lg">
      <div ng-repeat="room in system.rooms track by room.id">
        <div class="panel-group" data-animation="" start-collapsed="0" bs-collapse>
          <div>
            <div>
              <i class="fa fa-plus"></i>
              <strong >&nbsp;&nbsp;{{room.name}}</strong>
              <hr />
            </div>
            <div>
              <div class="form-group padding-left-md" ng-repeat="device in room.devices track by device.id">
                <p>Device Name : <strong>{{device.name}}</strong></p>
                <div class="form-group">
                  <label for="ipAddress">IP address</label>
                  <input class="form-control" type="text" name="ipAddress" ng-model="device.target_addr" ng-pattern="/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/" required>
                </div>

                <div class="form-group">
                  <label for="port">Port</label>
                  <input class="form-control" type="number" name="port" ng-model="device.target_port" min="0" max="65535" ng-maxlength="5" required>
                </div>
                <hr />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <p>&nbsp;</p>

    <go-back state="requests"></go-back>
    <button class="btn btn-primary btn-next pull-right" type="submit" ng-disabled="deviceSettingsForm.$invalid">Next</button>
  </form>

</div>