<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <form action="" name="jobEmptyForm" ng-submit="jobEmptyImport(); $hide()" novalidate>
        <div class="modal-header" >
          <button type="button" class="close" ng-click="$hide()">&times;</button>
          <h4 class="modal-title">Start empty options</h4>
        </div>
        <div class="modal-body">
            <div class="form-group">
              <p>Primary controller model:</p>
              <button type="button" class="btn btn-default" ng-model="empty.type" ng-options="modelName for modelName in availableModels" bs-select>  <span class="caret"></span></button>
            </div>

            <div class="form-group">
              <p>Room name:</p>
              <input class="form-control" type="text" name="name" placeholder="Room name" ng-model="empty.roomName" ng-maxlength="32" required>
            </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary" type="submit" ng-disabled="jobEmptyForm.$invalid"> OK</i></button>
        </div>
      </form>
    </div>
  </div>
</div>
