<h4 class="bg-primary">What device are you programming?</h4>

<h4>{{addMacro.room.name}}</h4>

<div class="radio" ng-repeat="device in addMacro.room.devices track by device.id">
  <label>
    <input type="radio" name="device" ng-model="addMacro.currentDevice" ng-value="device" ng-disabled="device.macro"> {{device.name}}
     <!-- <small class="text-muted" ng-if="device.macro">(macro already programmed)</small> -->
  </label>
</div>

<div class="left-and-right">
  <go-back state="menu.advanced.add-macros.macro-type"></go-back>
  <button class="btn btn-primary btn-next" ng-click="doNext()" ng-disabled="!addMacro.currentDevice.name">Next</button>
</div>
