<h4 class="bg-primary">Which device controls the volume for the {{volumeControl.punchToNames[0]}}{{volumeControl.punchToNames.length > 1 ? ' and others' : ''}}?</h4>
<h5>
  Choose the device that controls sound volume when using
  <span class="text-primary">{{volumeControl.punchToNames.join(', ')}}</span>:
</h5>
<!-- <form name="punchFromForm" ng-submit="finish()" novalidate> -->
<div class="scrollable-window padding-left-sm">
  <div class="radio" ng-repeat="device in volumeControl.devices.source" ng-if="device.exist_vol != 0">
    <label>
      <!-- can disable with attr ng-disabled="device.id === volumeControl.punchTo.id" -->
      <input type="radio" name="device" ng-model="volumeControl.punchFrom" id="device-{{$index}}" ng-value="device" required> {{device.name}}
      <span class="text-primary" ng-if="device.currentlySelected">(currently selected)</span>
    </label>
  </div>
</div>
<div class="left-and-right">
  <go-back state="menu.programming.volume-control.punch-to-device"></go-back>
  <button class="btn btn-primary" type="button" ng-disabled="!volumeControl.punchFrom" ng-click="finish()">Finish</button>
</div>
<!-- </form> -->