<h4 class="bg-primary">Apply template to a new room, or to an existing room?</h4>

<form name="roomSelectionForm" ng-submit="doNext()" novalidate>
  <div class="form-group">
    <div class="radio">
      <label>
        <input type="radio" name="room" ng-model="importTemplate.room" ng-value="{id: 'new'}" required> Apply template to a new room
      </label>
    </div>
    <div class="radio" ng-repeat="room in system.rooms track by $index">
      <label>
        <input type="radio" name="room" ng-model="importTemplate.room" ng-value="room" required> Apply template to the {{room.name}}
      </label>
    </div>
  </div>

  <div class="left-and-right">
    <a ui-sref="file-explorer.import-template" class="btn btn-primary btn-prev"><i class="fa fa-caret-left"></i>
      Back</a>
    <button class="btn btn-primary btn-next" type="submit" ng-disabled="roomSelectionForm.$invalid">Next</button>
  </div>
</form>