<h4 class="text-center">You are programming: <span class="text-primary">{{room.name}}</span></h4>

<div class="menu container">
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.remotes.length > 0" ui-sref="menu.programming.add-remote.select">
    <i class="menu__icon icon-button-add fa-2x"></i> <span class="menu__text">Add a remote to the room</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('add-remote')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.devices.length >= 255" ui-sref="menu.programming.add-device.device-type">
    <i class="menu__icon icon-hdd-raid fa-2x"></i> <span class="menu__text">Add Entertainment devices to the system</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('add-device')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.devices.length === 0" ng-href="#/menu/programming/volume-control/{{room.id}}/punch-to-device">
    <i class="menu__icon icon-sound-on fa-2x"></i> <span class="menu__text">Setup volume control for devices</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('volume-control')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.devices.length === 0" ui-sref="menu.programming.power-off.devices-to-use">
    <i class="menu__icon icon-off fa-2x"></i> <span class="menu__text">Setup the Power Off button</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('power-off')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.devices.length === 0" ui-sref="menu.programming.activities.choose-device">
    <i class="menu__icon icon-hdd fa-2x"></i> <span class="menu__text">Setup a simple activity for a device</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('activities')"></i></span>
  </a>

  <div role="tablist" aria-multiselectable="true" start-collapsed="true" bs-collapse>
    <div>
      <div role="tab">
        <h5 class="programming-menu-toggle" ng-click="toggle.state = !toggle.state" bs-collapse-toggle>More Programming Choices <i ng-class="toggle.state ? 'fa-minus-square-o' : 'fa-plus-square-o'" class="menu__icon fa"></i></h5>
      </div>
      <div class="panel-collapse" role="tabpanel" bs-collapse-target>
        <div>
          <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="room.bstations.length >= 3" ui-sref="menu.programming.add-controller.select">
            <i class="menu__icon icon-social-addthis fa-2x"></i> <span class="menu__text">Add an additional controller</span>
            <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('add-controller')"></i></span>
          </a>
          <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="hasOneRoom" ui-sref="menu.programming.switch-rooms">
            <i class="menu__icon icon-double-diamonds fa-2x"></i> <span class="menu__text">Program a different room</span>
            <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('switch-rooms')"></i></span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
