<div style="min-height:400px;">
  <div class="col-sm-5 ">
    <button class="btn btn-primary margin-bottom-sm" type="button" fn="createNewRoom()" list="ngModel.rooms" add-to-list>Add room</button>
    
    <ul class="nav nav-pills nav-stacked scrollable-window">
      <li btn-radio="room" ng-model="selected.room" ng-repeat="room in ngModel.rooms track by room.id">
        <a >
          {{room.name}}
          <i class="fa fa-lg fa-times pull-right text-danger" ng-if="$parent.ngModel.rooms.length > 1 && $index > 0" item="room" list="ngModel.rooms" delete-from-list></i>
        </a>  
      </li>
    </ul>
  </div>

  <div class="col-sm-7" > 
    <add-rooms-detail room="selected.room" rooms="ngModel.rooms" available-models="modelTypes"></add-rooms-detail>
  </div>
</div>
