<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 - Setup the primary control base</h4>

  <p>Now you will assign the controlling base stations and remote controls discovered in your network. The first base station is the primary controller.</p>
  <p>&nbsp;</p>

  <h4>Found Base Station: <span class="text-success mac-address"> {{baseStationMac | macAddress}} </span></h4>

  <form name="newSystemForm" ng-submit="newSystemForm.$valid && doNext()" novalidate>
    <div class="form-group">
    	<label for="room-name">What room is it in?</label>
      <button type="button" class="btn btn-default margin-left-md" ng-model="system.selectedRoom" ng-options="room.name for room in system.rooms" bs-select>  <span class="caret"></span></button>
      <p class="help-block" ng-show="newSystemForm.roomName.$error.required && newSystemForm.roomName.$dirty">A valid room name is required.</p>
      <p class="help-block" ng-show="newSystemForm.roomName.$error.maxlength && newSystemForm.roomName.$dirty">The room name cannot be longer than 32 characters.</p>
    </div>

    <div class="form-group">
    	<label for="system-name">Enter a name for the system and Save</label>
      <input class="form-control" id="system-name" type="text" name="systemName" placeholder="Enter system name" ng-model="system.name" ng-maxlength="32" required>
      <p class="help-block" ng-show="newSystemForm.systemName.$error.required && newSystemForm.systemName.$dirty">A valid system name is required.</p>
      <p class="help-block" ng-show="newSystemForm.systemName.$error.maxlength && newSystemForm.systemName.$dirty">The system name cannot be longer than 32 characters.</p>
    </div>

    <div class="form-group">
      <label>Set the time zone for the system: </label>
      <select class="max-width--100" ng-model="system.timeZone" ng-options="timeZone as timeZone.name for timeZone in timeZones" ng-change="checkDST()" required></select>
      <div class="checkbox" ng-if="system.timeZone.s_time !== '0.0.0 00:00:00'">
        <label>
          <input type="checkbox" ng-model="system.timezone_dst"> Automatically adjust clock for Daylight Savings Time
        </label>
      </div>
    </div>

    <button type="submit" class="btn btn-success pull-right" ng-disabled="newSystemForm.$invalid">Save&nbsp;<i class="fa fa-check-square-o"></i></button>
  </form>

  
</div>