import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
export function getTemplate() {
    return html `<!--_html_template_start_--><style include="cr-hidden-style settings-shared site-settings-shared"></style>
<settings-subpage page-title="$i18n{siteSettingsCategoryNotifications}"
    search-label="$i18n{siteSettingsAllSitesFilter}"
    search-icon="settings20:filter-list"
    search-term="{{searchTerm}}" route-path$="[[routePath]]">
  <div class="content-settings-header secondary">
    $i18n{siteSettingsNotificationsDescription}
  </div>
<div id="notificationRadioGroup" class="radio-group">
  <template is="dom-if" if="[[showNotificationPermissionsReview_]]">
    <template is="dom-if" if="[[shouldShowSafetyHub_]]">
      <h2>$i18n{safetyHub}</h2>
      <settings-safety-hub-module id="safetyHubEntryPoint"
          header="[[notificationPermissionsReviewHeader_]]"
          subheader="[[notificationPermissionsReviewSubheader_]]"
          header-icon="cr:security" header-icon-color="blue">
        <cr-button id="safetyHubButton" slot="button-container"
            class="action-button" on-click="onSafetyHubButtonClick_">
          $i18n{safetyHubEntryPointButtonLabel}
        </cr-button>
      </settings-safety-hub-module>
    </template>
  </template>
</div>
<settings-category-default-radio-group
    id="notificationDefaultRadioGroup"
    category="[[contentSettingsTypesEnum_.NOTIFICATIONS]]"
    ask-option-label="$i18n{siteSettingsNotificationsAskState}"
    ask-option-icon="privacy:notifications"
    block-option-label="$i18n{siteSettingsNotificationsBlocked}"
    block-option-icon="privacy:notifications-off"
    selected-value="{{notificationSettingValue_}}">
</settings-category-default-radio-group>
<div class="radio-group"
    hidden$="[[!isEqualToAsk_(notificationSettingValue_)]]">
  <h2 class="cpss-heading">$i18n{siteSettingsHowToShowRequests}</h2>
  <settings-radio-group
      id="notificationCpssRadioGroup"
      pref="{{prefs.generated.notification}}"
      selectable-elements="settings-collapse-radio-button">
    <settings-collapse-radio-button
        id="notificationAskQuiet"
        name="[[settingsStateEnum_.QUIET]]"
        pref="[[prefs.generated.notification]]"
        label="$i18n{siteSettingsNotificationsAskQuiet}"
        no-collapse>
    </settings-collapse-radio-button>
    <settings-collapse-radio-button
        id="notificationAskCpss"
        name="[[settingsStateEnum_.CPSS]]"
        pref="[[prefs.generated.notification]]"
        label="$i18n{siteSettingsNotificationsAskCPSS}"
        no-collapse>
    </settings-collapse-radio-button>
    <settings-collapse-radio-button
        id="notificationAskLoud"
        name="[[settingsStateEnum_.LOUD]]"
        pref="[[prefs.generated.notification]]"
        label="$i18n{siteSettingsNotificationsAskLoud}"
        no-collapse>
    </settings-collapse-radio-button>
  </settings-radio-group>
</div>
<category-setting-exceptions
    category="[[contentSettingsTypesEnum_.NOTIFICATIONS]]"
    allow-header="$i18n{siteSettingsNotificationsAllowedExceptions}"
    block-header="$i18n{siteSettingsNotificationsBlockedExceptions}"
    search-filter="[[searchTerm]]">
</category-setting-exceptions>
</settings-subpage>
<!--_html_template_end_-->`;
}
