<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>
        <h5 class="modal-title">{{title}}</h5>
      </div>
      <div class="modal-body">

        <h5> Device Name: <span class="text-primary">{{selections.selectedDevice.name}}</span></h5>

        <p> Would you like to add Favorite Channels to this device? This will add the option to open a customizable list of channels and guide information to this device when using the remote control. </p>

        <div class="form-group">
          <div class="radio">
            <label>
              <input type="radio" name="fav-option" ng-model="selections.selectedDevice.fav_option" ng-value="1"> Use Favorite Channels
            </label>
          </div>

          <div class="margin-left-md" ng-if="selections.selectedDevice.fav_option === 1">
            <div>
              <p>Delay time between each digit (in seconds): <strong class="">{{selections.selectedDevice.fav_delay / 1000}}</strong></p>
                <!-- <a ng-click="showInfoModal()"><i class="fa fa-info-circle"></i></a>  -->

              <slider
                  ng-model="selections.selectedDevice.fav_delay"
                  floor="50"
                  ceiling="2000"
                  step="50"
                  translate-fn="changeValue">
              </slider>
            </div>

            <div class="checkbox">
              <label>
                <input type="checkbox" ng-model="selections.selectedDevice.fav_enter" ng-false-value="0" ng-true-value="1" ng-checked="selections.selectedDevice.fav_enter === 1" force-integer> Add the ENT commmand at the end of the channel
              </label>
            </div>
          </div>
        </div>


        <div class="form-group">
          <div class="radio">
            <label>
              <input type="radio" name="fav-option" ng-model="selections.selectedDevice.fav_option" ng-value="0"> Do not use Favorite Channels on this device
            </label>
          </div>
        </div>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="toggleFavorite(selections.selectedRoom, selections.selectedDevice); $hide()">Save</button>
        <button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
      </div>
    </div>
  </div>
</div>
