<div
  class="box-selector-item"
  ng-class="{ business: $ctrl.limitedToBE, limited: $ctrl.limitedToBE }"
  tooltip-append-to-body="true"
  tooltip-placement="bottom"
  tooltip-class="portainer-tooltip"
  tooltip-enable="$ctrl.tooltip"
  uib-tooltip="{{ $ctrl.tooltip }}"
>
  <input
    type="radio"
    name="{{ $ctrl.radioName }}"
    id="{{ $ctrl.option.id }}"
    ng-checked="$ctrl.isChecked($ctrl.option.value)"
    ng-value="$ctrl.option.value"
    ng-disabled="$ctrl.disabled"
  />
  <label for="{{ $ctrl.option.id }}" ng-click="$ctrl.handleChange($ctrl.option.value)" data-cy="{{ $ctrl.radioName }}_{{ $ctrl.option.value }}">
    <i class="fas fa-briefcase limited-icon" ng-if="$ctrl.limitedToBE"></i>

    <div class="boxselector_header">
      <i ng-class="$ctrl.option.icon" aria-hidden="true" style="margin-right: 2px;"></i>
      {{ $ctrl.option.label }}
    </div>
    <p class="box-selector-item-description">{{ $ctrl.option.description }}</p>
  </label>
</div>
