<style include="app-management-cros-shared-css settings-shared">
  #disabled-explanation-text {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: var(--info-text-row-height);
  }

  #supported-links-option {
    height: 48px;
  }

  .info-icon {
    height: var(--help-icon-size);
    width: var(--help-icon-size);
  }
</style>
<div class="permission-section-header">
  <localized-link id="heading" class="header-text"
      on-link-clicked="launchDialog_"
      localized-string="$i18n{appManagementIntentSettingsTitle}">
  </localized-link>
</div>
<template is="dom-if" if="[[disabled_]]">
  <span class="info-text-row" id="disabled-explanation-text">
    <iron-icon id="info-icon" icon="app-management:info"></iron-icon>
    <localized-link id="info-string"
      localized-string="[[getDisabledExplanation_(app)]]">
    </localized-link>
</span>
</template>
<div class="list-frame">
  <cr-radio-group id="radio-group"
      selected="[[getCurrentPref_(app)]]"
      on-selected-changed="onSupportedLinkPrefChanged_"
      disabled="[[disabled_]]">
    <cr-radio-button id="preferred" name="preferred">
      [[getPreferredLabel_(app)]]
    </cr-radio-button>
    <cr-radio-button id="browser" name="browser">
      $i18n{appManagementIntentSharingOpenBrowserLabel}
    </cr-radio-button>
  </cr-radio-group>
</div>
<template is="dom-if" if="[[showSupportedLinksDialog_]]" restamp>
  <app-management-supported-links-dialog id="dialog" app="[[app]]"
      on-close="onDialogClose_">
  </app-management-supported-links-dialog>
</template>
<template is="dom-if" if="[[showOverlappingAppsDialog_]]" restamp>
  <app-management-supported-links-overlapping-apps-dialog
      id="overlap-dialog"
      app="[[app]]"
      on-close="onOverlappingDialogClosed_"
      overlapping-app-ids="[[overlappingAppIds_]]">
  </app-management-supported-links-overlapping-apps-dialog>
</template>