<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../controls/settings_toggle_button.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-cloud-printers">
  <template>
    <style include="settings-shared"></style>
    <div class="settings-box first">
      <span>
        $i18n{printingCloudPrintLearnMoreLabel}
        <a href="$i18n{printingCloudPrintLearnMoreUrl}" target="_blank">
          $i18n{learnMore}
        </a>
      </span>
    </div>
    <settings-toggle-button
        pref="{{prefs.local_discovery.notifications_enabled}}"
        label="$i18n{printingNotificationsLabel}">
    </settings-toggle-button>
    <a class="settings-box inherit-color no-outline" tabindex="-1"
        target="_blank" href="$i18n{devicesUrl}">
      <div class="start">
        $i18n{printingManageCloudPrintDevices}
      </div>
      <paper-icon-button-light actionable class="icon-external">
        <button aria-label="$i18n{printingManageCloudPrintDevices}">
        </button>
      </paper-icon-button-light>
    </a>
  </template>
  <script src="cloud_printers.js"></script>
</dom-module>
