<h4 class="bg-primary">Add a room and base</h4>

<form action="" name="addRoomForm" ng-submit="finish()" novalidate>

  <div class="form-group">
    <div class="form-group">
      <p>Enter a name for the new room</p>
      <input class="form-control" type="text" name="name" placeholder="Room name" ng-model="roomName" ng-maxlength="32" required>
    </div>
  </div>
  </div>

  <div class="form-group">
    <div class="form-group">
      <p>Select a base station model to add to the room</p>
      <button type="button" class="btn btn-default" ng-model="modelType" ng-options="modelName for modelName in availableModels" bs-select>  <span class="caret"></span></button>
    </div>
  </div>

  <div class="left-and-right">
    <go-back state="menu.programming.options"></go-back>
    <button class="btn btn-primary" type="submit" ng-disabled="addRoomForm.$invalid"> Finish</i></button>
  </div>
</form>