<div id="settings" class="page" hidden>
  <header>
    <h1 i18n-content="settingsTitle"></h1>
  </header>
  <include src="reset_profile_settings_banner.html">
  <include src="automatic_settings_reset_banner.html">
<if expr="chromeos">
  <include src="secondary_user_banner.html">
  <section>
    <div id="network-section-header" class="section-header">
      <h3 i18n-content="sectionTitleInternet"></h3>
      <span class="controlled-setting-indicator" plural></span>
    </div>
    <div id="network-settings">
      <list id="network-list"></list>
      <div id="shared-proxies" class="checkbox">
        <label>
          <input id="use-shared-proxies" type="checkbox"
              metric="Options_NetworkUseSharedProxies"
              pref="settings.use_shared_proxies">
          <span i18n-content="useSharedProxies"></span>
        </label>
      </div>
      <div id="network-menus"></div>
    </div>
  </section>
</if>
<if expr="not chromeos">
  <include src="sync_section.html">
  <include src="startup_section.html">
</if>
  <section id="proxy-section" hidden>
    <h3 i18n-content="sectionTitleProxy"></h3>
    <div id="proxy-section-content"></div>
  </section>

  <section>
    <h3 i18n-content="sectionTitleAppearance"></h3>
    <div class="settings-row">
<if expr="chromeos">
      <button id="set-wallpaper" i18n-content="setWallpaper"
          guest-visibility="disabled"></button>
      <span id="wallpaper-indicator" class="controlled-setting-indicator">
      </span>
</if>
<if expr="not chromeos and is_posix and not is_macosx">
      <button id="themes-gallery" i18n-content="themesGallery"></button>
      <button id="themes-native-button"
          i18n-content="themesNativeButton"></button>
      <button id="themes-reset"
          i18n-content="themesSetClassic"></button>
</if>
<if expr="chromeos or is_win or is_macosx">
      <button id="themes-gallery" i18n-content="themesGallery"></button>
      <button id="themes-reset" i18n-content="themesReset"></button>
</if>
    </div>
    <div class="checkbox" guest-visibility="disabled">
      <span class="controlled-setting-with-label">
        <input id="show-home-button" type="checkbox"
            pref="browser.show_home_button"
            metric="Options_Homepage_HomeButton">
        <span>
          <label for="show-home-button" i18n-content="homePageShowHomeButton">
          </label>
          <span class="controlled-setting-indicator"
              pref="browser.show_home_button">
          </span>
        </span>
      </span>
    </div>
    <div id="change-home-page-section" hidden>
      <div id="change-home-page-section-container" guest-visibility="disabled">
        <span id="home-page-ntp" class="home-page-label"
            i18n-content="homePageNtp"></span>
        <span id="home-page-url" class="home-page-label"></span>
        <button id="change-home-page" class="link-button"
            i18n-content="changeHomePage"></button>
        <div id="extension-controlled-container"></div>
      </div>
    </div>
    <div class="checkbox" guest-visibility="disabled">
      <span class="controlled-setting-with-label">
        <input id="show-bookmark-bars" type="checkbox"
            pref="bookmark_bar.show_on_all_tabs"
            metric="Options_ShowBookmarksBar">
        <span>
          <label for="show-bookmark-bars"
              i18n-content="toolbarShowBookmarksBar">
          </label>
          <span class="controlled-setting-indicator"
              pref="bookmark_bar.show_on_all_tabs">
          </span>
        </span>
      </span>
    </div>
<if expr="is_posix and not chromeos and not is_macosx">
    <div class="checkbox"><label>
        <input id="show-window-decorations" type="checkbox"
            pref="browser.custom_chrome_frame" metric="Options_CustomFrame"
            inverted_pref>
        <span i18n-content="showWindowDecorations"></span>
    </label></div>
</if>
  </section>
<if expr="chromeos">
  <section>
    <h3 i18n-content="sectionTitleDevice"></h3>
    <div>
      <span i18n-content="deviceGroupDescription"></span>
      <div id="touchpad-settings" class="settings-row" hidden>
        <span class="option-name" i18n-content="touchpadSpeed"></span>
        <input id="sensitivity-range" type="range" min="1" max="5"
            pref="settings.touchpad.sensitivity2" class="touch-slider">
      </div>
      <div id="mouse-settings" class="settings-row" hidden>
        <span class="option-name" i18n-content="mouseSpeed"></span>
        <input id="sensitivity-range" type="range" min="1" max="5"
            pref="settings.mouse.sensitivity2" class="touch-slider">
      </div>
      <div id="no-pointing-devices" i18n-content="noPointingDevices"
          class="settings-row" hidden>
      </div>
      <div class="settings-row">
        <button id="pointer-settings-button" hidden>
        </button>
        <button id="keyboard-settings-button"
            i18n-content="keyboardSettingsButtonTitle">
        </button>
        <span id="display-options-section">
          <button id="display-options" i18n-content="displayOptions">
          </button>
        </span>
      </div>
    </div>
  </section>
</if>
  <section>
    <h3 i18n-content="sectionTitleSearch"></h3>
      <div id="search-section-content">
        <label for="default-search-engine" class="settings-row"
            i18n-values=".innerHTML:defaultSearchGroupLabel">
        </label>
        <div class="settings-row">
          <select id="default-search-engine" class="weakrtl"></select>
          <span class="controlled-setting-indicator"
              pref="default_search_provider_data.template_url_data">
          </span>
          <button id="manage-default-search-engines"
              i18n-content="defaultSearchManageEngines">
          </button>
        </div>
      </div>
  </section>
  <section id="sync-users-section" guest-visibility="hidden">
    <h3 i18n-content="sectionTitleUsers"></h3>
<if expr="chromeos">
    <include src="sync_section.html">
</if>
    <div id="profiles-section" hidden>
      <list id="profiles-list" class="settings-list" hidden></list>
      <div id="profiles-single-message" class="settings-row"
          i18n-content="profilesSingleUser">
      </div>
      <div id="profiles-buttons">
        <button id="profiles-create" i18n-content="profilesCreate"></button>
<if expr="enable_settings_app">
        <button id="profiles-app-list-switch"
            i18n-content="profilesAppListSwitch" hidden>
        </button>
</if>
        <button id="profiles-manage" i18n-content="profilesManage" disabled>
        </button>
        <button id="profiles-delete" i18n-content="profilesDelete"></button>
<if expr="not chromeos">
        <button id="import-data" i18n-content="importData"></button>
</if>
      </div>
    </div>
    <div id="profiles-supervised-dashboard-tip"
        i18n-values=".innerHTML:profilesSupervisedDashboardTip" hidden>
    </div>
  </section>
  <section id="set-default-browser-section">
<if expr="not chromeos">
    <h3 i18n-content="sectionTitleDefaultBrowser"></h3>
    <div>
      <button id="set-as-default-browser"
          i18n-content="defaultBrowserUseAsDefault" hidden>
      </button>
      <div id="default-browser-state" i18n-content="defaultBrowserUnknown">
      </div>
      <div id="auto-launch-option" class="checkbox" hidden>
        <label id="auto-launch-label">
          <input id="auto-launch" type="checkbox">
          <span i18n-content="autoLaunchText"></span>
        </label>
      </div>
    </div>
</if>  <!-- not chromeos -->
  </section>
<div id="advanced-settings" hidden>
<div id="advanced-settings-container">
<if expr="chromeos">
  <section>
    <h3 i18n-content="datetimeTitle"></h3>
    <div class="option-control-table">
      <div guest-visibility="disabled">
        <label for="timezone-select" class="option-name"
            i18n-content="timezone"></label>
        <div id="timezone-value">
          <select id="timezone-select" class="control"
              i18n-options="timezoneList" data-type="string"
              pref="cros.system.timezone">
          </select>
        </div>
      </div>
      <div class="checkbox settings-row">
        <label>
          <input id="use-24hour-clock" pref="settings.clock.use_24hour_clock"
              type="checkbox">
          <span i18n-content="use24HourClock"></span>
        </label>
      </div>
      <div id="time-synced-explanation" class="settings-row"
          i18n-content="timeSyncedExplanation"></div>
      <div id="set-time" class="settings-row" hidden>
        <button id="set-time-button"
            i18n-content="setTimeButton"></button>
      </div>
    </div>
  </section>

  <section id="security-section" hidden>
    <h3 i18n-content="securityTitle"></h3>
    <div class="settings-row">
      <span i18n-content="consumerManagementEnrollDescription"></span>
    </div>
    <div class="settings-row">
      <button id="consumer-management-enroll-button"
          i18n-content="consumerManagementEnrollButton"></button>
    </div>
  </section>
</if>
  <section id="privacy-section">
    <h3 i18n-content="advancedSectionTitlePrivacy"></h3>
    <div>
      <div class="settings-row">
        <button id="privacyContentSettingsButton"
            i18n-content="privacyContentSettingsButton"></button>
        <button id="privacyClearDataButton"
            i18n-content="privacyClearDataButton"></button>
      </div>
      <p id="privacy-explanation" class="settings-row">
        <span i18n-content="improveBrowsingExperience"></span>
        <span i18n-content="disableWebServices"></span>
        <a target="_blank" i18n-content="learnMore"
            i18n-values="href:privacyLearnMoreURL"></a>
      </p>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="alternateErrorPagesEnabled"
              pref="alternate_error_pages.enabled"
              metric="Options_LinkDoctorCheckbox" type="checkbox">
          <span>
            <label for="alternateErrorPagesEnabled"
                i18n-content="linkDoctorPref">
            </label>
            <span class="controlled-setting-indicator"
                pref="alternate_error_pages.enabled">
            </span>
          </span>
        </span>
      </div>
      <div class="checkbox" guest-visibility="disabled">
        <span class="controlled-setting-with-label">
          <input id="searchSuggestEnabled" pref="search.suggest_enabled"
              metric="Options_UseSuggestCheckbox" type="checkbox">
          <span>
            <label for="searchSuggestEnabled" i18n-content="suggestPref">
            </label>
            <span class="controlled-setting-indicator"
                pref="search.suggest_enabled">
            </span>
          </span>
        </span>
      </div>
      <div class="checkbox" guest-visibility="disabled">
        <span class="controlled-setting-with-label">
          <input id="dnsPrefetchingEnabled" pref="dns_prefetching.enabled"
              metric="Options_DnsPrefetchCheckbox" type="checkbox">
          <span>
            <label for="dnsPrefetchingEnabled"
                i18n-content="networkPredictionEnabledDescription">
            </label>
            <span class="controlled-setting-indicator"
                pref="dns_prefetching.enabled">
            </span>
          </span>
        </span>
      </div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="safe-browsing-download-feedback-enabled"
              metric="Options_SafeBrowsingDownloadFeedbackCheckbox"
              pref="safebrowsing.download_feedback_enabled"
              type="checkbox">
          <span>
            <label for="safe-browsing-download-feedback-enabled"
                i18n-content="safeBrowsingEnableDownloadFeedback">
            </label>
            <span class="controlled-setting-indicator"
                pref="safebrowsing.download_feedback_enabled">
            </span>
          </span>
        </span>
      </div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="safeBrowsingEnabled" pref="safebrowsing.enabled"
              metric="Options_SafeBrowsingCheckbox" type="checkbox">
          <span>
            <label for="safeBrowsingEnabled"
                i18n-content="safeBrowsingEnableProtection">
            </label>
            <span class="controlled-setting-indicator"
                pref="safebrowsing.enabled">
            </span>
          </span>
        </span>
      </div>
<if expr="_google_chrome">
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="spelling-enabled-control" type="checkbox"
              metric="Options_SpellingServiceCheckbox"
              pref="spellcheck.use_spelling_service" dialog-pref>
          <span>
            <label for="spelling-enabled-control" i18n-content="spellingPref">
            </label>
            <span id="spelling-enabled-indicator"
                class="controlled-setting-indicator"
                pref="spellcheck.use_spelling_service" dialog-pref>
            </span>
          </span>
        </span>
      </div>
      <div id="metricsReportingSetting" class="checkbox">
        <span class="controlled-setting-with-label">
<if expr="chromeos">
          <input id="metricsReportingEnabled"
              pref="cros.metrics.reportingEnabled" type="checkbox">
          <span>
            <label for="metricsReportingEnabled" i18n-content="enableLogging">
            </label>
            <span class="controlled-setting-indicator"
                pref="cros.metrics.reportingEnabled">
            </span>
          </span>
</if>
<if expr="not chromeos">
          <input id="metricsReportingEnabled"
              pref="user_experience_metrics.reporting_enabled" type="checkbox">
          <span>
            <label for="metricsReportingEnabled" i18n-content="enableLogging">
            </label>
            <span class="controlled-setting-indicator"
                pref="user_experience_metrics.reporting_enabled">
            </span>
          </span>
</if>
        </span>
      </div>
</if>  <!-- _google_chrome -->
      <div class="checkbox">
        <label>
          <input id="do-not-track-enabled" pref="enable_do_not_track"
              metric="Options_DoNotTrackCheckbox" type="checkbox" dialog-pref>
          <span i18n-content="doNotTrack"></span>
        </label>
      </div>
<if expr="chromeos">
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="content-protection-attestation-enabled" type="checkbox"
              pref="cros.device.attestation_for_content_protection_enabled">
          <span>
            <label for="content-protection-attestation-enabled"
                i18n-content="enableContentProtectionAttestation">
            </label>
            <a target="_blank" i18n-content="learnMore"
                i18n-values="href:contentProtectionAttestationLearnMoreURL">
            </a>
            <span class="controlled-setting-indicator"
                pref="cros.device.attestation_for_content_protection_enabled">
            </span>
          </span>
        </span>
      </div>
</if>
      <div id="hotword-search" hidden>
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="hotword-search-enable" pref="hotword.search_enabled_2"
                metric="Options_HotwordCheckbox" type="checkbox" dialog-pref>
            <span>
              <label for="hotword-search-enable"
                  i18n-values=".innerHTML:hotwordSearchEnable">
              </label>
              <span id="hotword-search-setting-indicator"
                  pref="hotword.search_enabled_2" dialog-pref>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </section>
<if expr="chromeos">
  <!-- By default, the bluetooth section is hidden.  It is only visible if a
       bluetooth adapter is discovered -->
  <section id="bluetooth-devices" hidden>
    <h3 i18n-content="bluetooth"></h3>
    <div id="bluetooth-options-div">
      <div class="checkbox">
        <label>
          <input type="checkbox" id="enable-bluetooth">
          <span i18n-content="enableBluetooth">
        </label>
      </div>
      <div class="settings-list bluetooth-device-list" hidden>
        <list id="bluetooth-paired-devices-list"></list>
        <div id="bluetooth-paired-devices-list-empty-placeholder"
            class="bluetooth-empty-list-label" hidden>
          <span i18n-content="bluetoothNoDevices"></span>
        </div>
      </div>
      <div id="bluetooth-button-group">
        <button id="bluetooth-add-device"
            i18n-content="addBluetoothDevice" hidden></button>
        <button id="bluetooth-reconnect-device"
            i18n-content="bluetoothConnectDevice" disabled hidden></button>
      </div>
    </div>
  </section>
</if>  <!-- chromeos -->
  <section id="passwords-and-autofill-section">
    <h3 i18n-content="passwordsAndAutofillGroupName"></h3>
    <div class="checkbox">
      <span class="controlled-setting-with-label">
        <input id="autofill-enabled" pref="autofill.enabled"
            metric="Options_FormAutofill" type="checkbox">
        <span>
          <label for="autofill-enabled" i18n-content="autofillEnabled"></label>
          <span class="controlled-setting-indicator" pref="autofill.enabled">
          </span>
          <button id="autofill-settings" class="link-button"
              i18n-content="manageAutofillSettings">
          </button>
        </span>
      </span>
    </div>
    <div class="checkbox">
      <span class="controlled-setting-with-label">
        <input id="password-manager-enabled"
            pref="profile.password_manager_enabled"
            metric="Options_PasswordManager" type="checkbox">
        <span>
          <label for="password-manager-enabled"
              i18n-content="passwordManagerEnabled">
          </label>
          <span class="controlled-setting-indicator"
              pref="profile.password_manager_enabled">
          </span>
          <button id="manage-passwords" class="link-button"
              i18n-content="managePasswords">
          </button>
        </span>
      </span>
    </div>
<if expr="is_macosx">
    <div id="mac-passwords-warning" i18n-content="macPasswordsWarning" hidden>
    </div>
</if>
  </section>
  <section id="easy-unlock-section" guest-visibility="hidden" hidden>
    <h3 i18n-content="easyUnlockSectionTitle"></h3>
    <!-- Options shown when the user has not set up Easy Unlock -->
    <div id='easy-unlock-setup' hidden>
      <button id="easy-unlock-setup-button"
          i18n-content="easyUnlockSetupButton"></button>
      <div>
        <a target="_blank" i18n-content="learnMore"
            i18n-values="href:easyUnlockLearnMoreURL"></a>
      </div>
    </div>
    <!-- Options shown when the user has set up Easy Unlock -->
    <div id='easy-unlock-enable' hidden>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="easy-unlock-check" type="checkbox"
              pref="easy_unlock.enabled"
              metric="EasyUnlock_Enabled">
          <span>
            <label for="easy-unlock-checkbox">
              <span i18n-content="easyUnlockCheckboxLabel"></span>
              <a target="_blank" i18n-content="learnMore"
                  i18n-values="href:easyUnlockLearnMoreURL"></a>
            </label>
            <span class="controlled-setting-indicator"
                pref="easy_unlock.enabled">
            </span>
          </span>
        </span>
      </div>
      <div>
        <a target="_blank" i18n-content="easyUnlockManagement"
            i18n-values="href:easyUnlockManagementURL"></a>
      </div>
    </div>
  </section>
  <section id="web-content-section">
    <h3 i18n-content="advancedSectionTitleContent"></h3>
    <div>
      <div class="settings-row">
        <label class="web-content-select-label">
          <span i18n-content="defaultFontSizeLabel"></span>
          <select id="defaultFontSize">
            <option value="9" i18n-content="fontSizeLabelVerySmall">
            </option>
            <option value="12" i18n-content="fontSizeLabelSmall"></option>
            <option value="16" i18n-content="fontSizeLabelMedium"></option>
            <option value="20" i18n-content="fontSizeLabelLarge"></option>
            <option value="24" i18n-content="fontSizeLabelVeryLarge">
            </option>
          </select>
        </label>
        <span id="font-size-indicator"
            class="controlled-setting-indicator"></span>
        <button id="fontSettingsCustomizeFontsButton"
            i18n-content="fontSettingsCustomizeFontsButton"></button>
      </div>
      <div class="settings-row">
        <label class="web-content-select-label">
          <span i18n-content="defaultZoomFactorLabel"></span>
          <select id="defaultZoomFactor" dataType="double"></select>
        </label>
      </div>
<if expr="is_macosx">
      <div class="checkbox">
        <label>
          <input id="tabsToLinksPref" pref="webkit.webprefs.tabs_to_links"
              metric="Options_TabsToLinks" type="checkbox">
          <span i18n-content="tabsToLinksPref"></span>
        </label>
      </div>
</if>
    </div>
  </section>
<if expr="not chromeos">
  <section id="network-section">
    <h3 i18n-content="advancedSectionTitleNetwork"></h3>
    <div>
      <span id="proxiesLabel"
            class="settings-row"
            i18n-content="proxiesLabelSystem"></span>
      <div class="settings-row">
        <button id="proxiesConfigureButton"
            i18n-content="proxiesConfigureButton"></button>
        <span class="controlled-setting-indicator" pref="proxy" plural></span>
      </div>
    </div>
  </section>
</if>
  <section id="languages-section">
    <h3 i18n-content="advancedSectionTitleLanguages"></h3>
    <div class="settings-row">
      <span i18n-content="languageSectionLabel"></span>
      <a target="_blank" i18n-content="learnMore"
          i18n-values="href:languagesLearnMoreURL"></a>
    </div>
    <div class="settings-row">
      <button id="language-button"
          i18n-content="languageAndSpellCheckSettingsButton"></button>
    </div>
    <div class="checkbox">
      <span class="controlled-setting-with-label">
        <input id="enableTranslate" pref="translate.enabled"
            metric="Options_Translate" type="checkbox">
        <span>
          <label for="enableTranslate" i18n-content="translateEnableTranslate">
          </label>
          <span class="controlled-setting-indicator" pref="translate.enabled">
          </span>
          <button id="manage-languages" class="link-button"
              i18n-content="manageLanguages"></button>
        </span>
      </span>
    </div>
  </section>
  <section id="downloads-section">
    <h3 i18n-content="downloadLocationGroupName"></h3>
    <div>
      <div class="settings-row">
        <label>
          <span id="download-location-label"
              i18n-content="downloadLocationBrowseTitle">
          </span>
          <input id="downloadLocationPath" class="weakrtl" type="text"
              size="36" readonly>
        </label>
        <button id="downloadLocationChangeButton"
            i18n-content="downloadLocationChangeButton">
        </button>
        <span class="controlled-setting-indicator"
          pref="download.default_directory">
        </span>
      </div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="prompt-for-download" type="checkbox"
                pref="download.prompt_for_download"
                metric="Options_AskForSaveLocation">
          <span>
            <label for="prompt-for-download"
                i18n-content="downloadLocationAskForSaveLocation">
            </label>
            <span class="controlled-setting-indicator"
                pref="download.prompt_for_download">
            </span>
          </span>
        </span>
      </div>
<if expr="chromeos">
      <div class="checkbox" id="disable-drive-row" guest-visibility="disabled">
        <span class="controlled-setting-with-label">
          <input id="drive-disabled" type="checkbox"
              pref="gdata.disabled"
              metric="Options_DisableGData">
          <span>
            <label for="drive-disabled" i18n-content="disableGData"></label>
            <span class="controlled-setting-indicator" pref="gdata.disabled">
            </span>
          </span>
        </span>
      </div>
</if>
      <div id="auto-open-file-types-section" hidden>
        <div id="auto-open-file-types-container">
          <div id="auto-open-file-types-label" class="settings-row"
              i18n-content="autoOpenFileTypesInfo"></div>
          <div class="settings-row">
            <button id="autoOpenFileTypesResetToDefault"
                i18n-content="autoOpenFileTypesResetToDefault"></button>
            </div>
        </div>
      </div>
    </div>
  </section>
  <section>
      <h3 i18n-content="advancedSectionTitleCertificates"></h3>
      <div>
<if expr="use_nss or is_win or is_macosx">
        <div class="settings-row">
          <button id="certificatesManageButton"
              i18n-content="certificatesManageButton"></button>
        </div>
</if>
      </div>
  </section>
<if expr="enable_service_discovery">
    <section id="cloudprint-options-mdns">
      <h3 i18n-content="advancedSectionTitleCloudPrint"></h3>
      <div class="settings-row">
        <span i18n-content="cloudPrintOptionLabel"></span>
        <a target="_blank" i18n-content="learnMore"
           i18n-values="href:cloudPrintLearnMoreURL"></a>
      </div>
      <button id="cloudPrintDevicesPageButton"
              i18n-content="cloudPrintDevicesPageButton">
      </button>

      <div class="checkbox"
           i18n-values=".hidden: cloudPrintHideNotificationsCheckbox">
        <span class="controlled-setting-with-label">
          <input id="local-discovery-notifications-enabled"
                 pref="local_discovery.notifications_enabled"
                 type="checkbox"
                 metric="LocalDiscoveryNotificationsDisabled_Settings" />
          <span>
            <label for="local-discovery-notifications-enabled"
                   i18n-content="cloudPrintEnableNotificationsLabel">
            </label>
            <span class="controlled-setting-indicator"
                  pref="local_discovery.notifications_enabled">
            </span>
          </span>
        </span>
      </div>
    </section>
</if>

<if expr="chromeos">
  <include src="startup_section.html">
  <section>
    <h3 i18n-content="accessibilityTitle"></h3>
    <div class="option-control-table">
      <p id="accessibility-explanation" class="settings-row">
        <span i18n-content="accessibilityExplanation"></span>
        <a target="_blank" i18n-content="learnMore"
            i18n-values="href:accessibilityLearnMoreURL"></a>
      </p>
      <div class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-should-always-show-menu"
                pref="settings.a11y.enable_menu" type="checkbox">
            <span>
              <label for="accessibility-should-always-show-menu"
                  i18n-content="accessibilityAlwaysShowMenu">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.enable_menu">
              </span>
          </span>
        </div>
      </div>
      <div class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-large-cursor-check"
                pref="settings.a11y.large_cursor_enabled" type="checkbox">
            <span>
              <label for="accessibility-large-cursor-check"
                  i18n-content="accessibilityLargeCursor">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.large_cursor_enabled">
              </span>
            </span>
          </span>
        </div>
      </div>
      <div class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-high-contrast-check"
                pref="settings.a11y.high_contrast_enabled" type="checkbox">
            <span>
              <label for="accessibility-high-contrast-check"
                  i18n-content="accessibilityHighContrast">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.high_contrast_enabled">
              </span>
            </span>
          </span>
        </div>
      </div>
      <div id="accessibility-sticky-keys" class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-sticky-keys-check"
                pref="settings.a11y.sticky_keys_enabled" type="checkbox">
            <span>
              <label for="accessibility-sticky-keys-check"
                  i18n-content="accessibilityStickyKeys">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.sticky_keys_enabled">
              </span>
            </span>
          </span>
        </div>
      </div>
      <div class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-spoken-feedback-check"
                pref="settings.accessibility" type="checkbox">
            <span>
              <label for="accessibility-spoken-feedback-check"
                  i18n-content="accessibilitySpokenFeedback">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.accessibility">
              </span>
            </span>
          </span>
          <div id="accessibility-settings" hidden>
            <button id="accessibility-settings-button"
              i18n-content="accessibilitySettings"></button>
          </div>
        </div>
      </div>
      <div class="option-name">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-screen-magnifier-check"
                pref="settings.a11y.screen_magnifier" type="checkbox">
            <span>
              <label for="accessibility-screen-magnifier-check"
                  i18n-content="accessibilityScreenMagnifier">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.screen_magnifier">
              </span>
            </span>
          </span>
        </div>
      </div>
      <div class="option-name" id="accessibility-tap-dragging">
        <div class="checkbox">
          <label>
            <input id="accessibility-tap-dragging-check"
                pref="settings.touchpad.enable_tap_dragging" type="checkbox">
            <span i18n-content="accessibilityTapDragging"></span>
          </label>
        </div>
      </div>
      <div class="option-name" id="accessibility-autoclick">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-autoclick-check"
                  pref="settings.a11y.autoclick" type="checkbox">
            <span>
              <div>
                <div>
                  <label for="accessibility-autoclick-check"
                      i18n-content="accessibilityAutoclick">
                  </label>
                  <span class="controlled-setting-indicator"
                      pref="settings.a11y.autoclick">
                  </span>
                </div>
                <div>
                  <label for="accessibility-autoclick-dropdown"
                      i18n-content="accessibilityAutoclickDropdown">
                  </label>
                  <select id="accessibility-autoclick-dropdown" class="control"
                    data-type="number"
                    pref="settings.a11y.autoclick_delay_ms">
                    <option value="200"
                        i18n-content="autoclickDelayExtremelyShort"></option>
                    <option value="400"
                        i18n-content="autoclickDelayVeryShort"></option>
                    <option value="600" i18n-content="autoclickDelayShort"></option>
                    <option value="800" i18n-content="autoclickDelayLong"></option>
                    <option value="1000"
                        i18n-content="autoclickDelayVeryLong"></option>
                  </select>
                  <span class="controlled-setting-indicator"
                      pref="settings.a11y.autoclick_delay_ms">
                  </span>
                </div>
              </div>
            </span>
          </span>
        </div>
      </div>
      <div class="option_name" id="accessibility_onscreen_keyboard">
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="accessibility-virtual-keyboard-check"
                pref="settings.a11y.virtual_keyboard" type="checkbox">
            <span>
              <label for="accessibility-virtual-keyboard-check"
                  i18n-content="accessibilityVirtualKeyboard">
              </label>
              <span class="controlled-setting-indicator"
                  pref="settings.a11y.virtual_keyboard">
              </span>
            </span>
          </span>
        </div>
      </div>
  </section>
<if expr="chromeos">
  <section id="factory-reset-section" hidden>
    <h3 i18n-content="factoryResetTitle"></h3>
    <div>
      <span class="settings-row" i18n-content="factoryResetDescription">
      </span>
      <button id="factory-reset-restart"
          i18n-content="factoryResetRestart">
      </button>
    </div>
  </section>
</if>
</if>
<if expr="not chromeos">
  <section id="system-section">
    <h3 i18n-content="advancedSectionTitleSystem"></h3>
<if expr="not is_macosx">
    <div class="checkbox">
      <span class="controlled-setting-with-label">
        <input id="backgroundModeCheckbox" pref="background_mode.enabled"
            type="checkbox">
        <span>
          <label for="backgroundModeCheckbox"
              i18n-content="backgroundModeCheckbox">
          </label>
          <span class="controlled-setting-indicator"
              pref="background_mode.enabled">
          </span>
        </span>
      </span>
    </div>
</if>
    <div class="checkbox">
      <span class="controlled-setting-with-label">
        <input id="gpu-mode-checkbox"
            pref="hardware_acceleration_mode.enabled" type="checkbox">
        <span>
          <label for="gpu-mode-checkbox"
              i18n-content="gpuModeCheckbox">
          </label>
          <span id="gpu-mode-reset-restart"
              i18n-values=".innerHTML:gpuModeResetRestart">
          </span>
        </span>
      </span>
    </div>
  </section>
</if>
  <section id="reset-profile-settings-section" hidden>
    <h3 i18n-content="resetProfileSettingsSectionTitle"></h3>
    <div>
      <span class="settings-row" i18n-content="resetProfileSettingsDescription">
      </span>
      <button id="reset-profile-settings" i18n-content="resetProfileSettings">
      </button>
    </div>
  </section>
  </div>  <!-- advanced-settings-container -->
  </div>  <!-- advanced-settings -->
  <footer>
    <button id="advanced-settings-expander" class="link-button"
        i18n-content="showAdvancedSettings">
    </button>
  </footer>
  </div>