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

<div class="menu container">
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative"
     ui-sref="menu.advanced.add-macros.macro-type">
    <i class="menu__icon icon-marker-add fa-2x"></i> <span class="menu__text">Automate activities on the Entertainment Menu</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-automated-activities')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" href=""
     ng-click="editAutomatedActivities()">
    <i class="menu__icon icon-list-circle fa-2x"></i> <span class="menu__text">Edit your automated activities</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('edit-automated-activities')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="system.rooms.length >= roomMaxCount" ui-sref="menu.advanced.add-room.select" ng-if="!virtualEditor">
    <i class="menu__icon icon-box-add fa-2x"></i> <span class="menu__text">Add a room 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-room')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ui-sref="menu.advanced.main.edit-layout">
    <i class="menu__icon icon-grid-big fa-2x"></i> <span class="menu__text">Edit the Entertainment Menu</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('edit-entertainment-menu')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ui-sref="menu.advanced.device.select">
    <i class="menu__icon icon-grids fa-2x"></i> <span class="menu__text">Edit a device's layout and functions</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('device-layout')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ui-sref="menu.advanced.learn-ir.options" ng-if="!virtualEditor">
    <i class="menu__icon icon-sunshine fa-2x"></i> <span class="menu__text">Learn codes from an IR remote</span>
    <span ng-if="optHelpShow" class="programming-help-btn"><i class="fa fa-lg fa-question-circle" ng-click="$event.preventDefault(); $event.stopPropagation(); showHelpModal('learn-ir')"></i></span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force position-relative" ng-disabled="hasOneRoom"
     ui-sref="menu.advanced.switch-rooms" ng-if="!virtualEditor">
    <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>