<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header" ng-show="title">
        <button type="button" class="close" ng-click="$hide()">&times;</button>
        <h4 class="modal-title">{{title}}</h4>
      </div>
      <form name="hidePagesForm" role="form" ng-submit="$hide()" novalidate>
        <div class="modal-body">
          <div class="scrollable-window">

            <p>Select pages that you want to hide so they don't display on the remote control</p>

            <div class="checkbox" ng-repeat="page in ngModel.menu.pages track by $index">
              <label>
                <input type="checkbox" ng-model="page.page_hidden" ng-true-value="1" ng-false-value="0" ng-checked="page.page_hidden == 1">Page {{$index+1}}
              </label>
            </div>

          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Save</button>
          <button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
        </div>
      </form>
    </div>
  </div>
</div>
