<div id="content-settings-page" class="page" hidden>
  <div class="close-button"></div>
  <h1 i18n-content="contentSettingsPage"></h1>
  <div class="content-area">
    <!-- Cookie filter tab contents -->
    <section>
      <h3 i18n-content="cookies_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="cookies-allow" type="radio" name="cookies" value="allow">
            <span>
              <label for="cookies-allow" i18n-content="cookies_allow"></label>
              <span class="controlled-setting-indicator"
                  content-setting="cookies" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="cookies-session" type="radio" name="cookies"
                value="session">
            <span>
              <label for="cookies-session" i18n-content="cookies_session_only">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="cookies" value="session">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="cookies-block" type="radio" name="cookies" value="block">
            <span>
              <label for="cookies-block" i18n-content="cookies_block"></label>
              <span class="controlled-setting-indicator"
                  content-setting="cookies" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="block-third-party-cookies"
                pref="profile.block_third_party_cookies" type="checkbox">
            <span>
              <label for="block-third-party-cookies"
                  i18n-content="cookies_block_3rd_party">
              </label>
              <span class="controlled-setting-indicator"
                  pref="profile.block_third_party_cookies">
              </span>
            </span>
          </span>
        </div>
        <!-- TODO(jochen): remove the div with the clear cookies on exit option
                           once this has shipped. -->
        <div class="checkbox" guest-visibility="disabled" hidden>
          <label>
            <input id="clear-cookies-on-exit"
                pref="profile.clear_site_data_on_exit" type="checkbox">
            <span i18n-content="cookies_lso_clear_when_close"
                class="clear-plugin-lso-data-enabled"></span>
            <span i18n-content="cookies_clear_when_close"
                class="clear-plugin-lso-data-disabled"></span>
          </label>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="cookies"
              i18n-content="manageExceptions"></button>
          <button id="show-cookies-button"
              i18n-content="cookies_show_cookies"></button>
        </div>
     </div>
    </section>
    <!-- Image filter -->
    <section>
      <h3 i18n-content="images_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="images-allow" type="radio" name="images" value="allow">
            <span>
              <label for="images-allow" i18n-content="images_allow"></label>
              <span class="controlled-setting-indicator"
                  content-setting="images" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="images-block" type="radio" name="images" value="block">
            <span>
              <label for="images-block" i18n-content="images_block"></label>
              <span class="controlled-setting-indicator"
                  content-setting="images" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="images"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- JavaScript filter -->
    <section>
      <h3 i18n-content="javascript_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="javascript-allow" type="radio" name="javascript"
                value="allow">
            <span>
              <label for="javascript-allow" i18n-content="javascript_allow">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="javascript" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="javascript-block" type="radio" name="javascript"
                value="block">
            <span>
              <label for="javascript-block" i18n-content="javascript_block">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="javascript" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="javascript"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- Handlers settings -->
    <section id="handlers-section">
      <h3 i18n-content="handlers_tab_label"></h3>
      <div>
        <div class="radio">
          <label>
            <input type="radio" name="handlers" value="allow"
                class="handler-radio">
            <span i18n-content="handlers_allow"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="handlers" value="block"
                class="handler-radio">
            <span i18n-content="handlers_block"></span>
          </label>
        </div>
        <div class="settings-row">
          <button id="manage-handlers-button" contentType="handlers"
              i18n-content="manage_handlers"></button>
        </div>
      </div>
    </section>
    <!-- Plug-ins filter -->
    <section>
      <h3 i18n-content="plugins_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="plugins-allow" type="radio" name="plugins" value="allow">
            <span>
              <label for="plugins-allow" i18n-content="plugins_allow"></label>
              <span class="controlled-setting-indicator"
                  content-setting="plugins" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div id="click_to_play" class="radio">
          <span class="controlled-setting-with-label">
            <input id="plugins-ask" type="radio" name="plugins" value="ask">
            <span>
              <label for="plugins-ask" i18n-content="plugins_ask"></label>
              <span class="controlled-setting-indicator"
                  content-setting="plugins" value="ask">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="plugins-block" type="radio" name="plugins" value="block">
            <span>
              <label for="plugins-block" i18n-content="plugins_block"></label>
              <span class="controlled-setting-indicator"
                  content-setting="plugins" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="plugins"
              i18n-content="manageExceptions"></button>
        </div>
        <div id="disable-plugins-container">
          <a href="chrome://plugins" i18n-content="disableIndividualPlugins"
              target="_blank"></a>
        </div>
      </div>
    </section>
    <!-- Pop-ups filter -->
    <section>
      <h3 i18n-content="popups_tab_label" class="content-settings-header"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="popups-allow" type="radio" name="popups" value="allow">
            <span>
              <label for="popups-allow" i18n-content="popups_allow"></label>
              <span class="controlled-setting-indicator"
                  content-setting="popups" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="popups-block" type="radio" name="popups" value="block">
            <span>
              <label for="popups-block" i18n-content="popups_block"></label>
              <span class="controlled-setting-indicator"
                  content-setting="popups" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="popups"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- Location filter -->
    <section>
      <h3 i18n-content="location_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="location-allow" type="radio" name="location"
                value="allow">
            <span>
              <label for="location-allow" i18n-content="location_allow"></label>
              <span class="controlled-setting-indicator"
                  content-setting="location" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="location-ask" type="radio" name="location" value="ask">
            <span>
              <label for="location-ask" i18n-content="location_ask"></label>
              <span class="controlled-setting-indicator"
                  content-setting="location" value="ask">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="location-block" type="radio" name="location"
                value="block">
            <span>
              <label for="location-block" i18n-content="location_block"></label>
              <span class="controlled-setting-indicator"
                  content-setting="location" value="block">
              </span>
            </span>
          </span>
        </div>
<if expr="pp_ifdef('enable_google_now')">
        <div class="checkbox" id="geolocationCheckbox" hidden>
          <span class="controlled-setting-with-label">
            <input id="googleGeolocationAccessEnabled"
                pref="googlegeolocationaccess.enabled"
                metric="Options_GoogleGeolocationAccessCheckbox"
                type="checkbox">
            <span>
              <label for="googleGeolocationAccessEnabled"
                  i18n-content="googleGeolocationAccessEnable">
              </label>
              <span class="controlled-setting-indicator"
                  pref="googlegeolocationaccess.enabled">
              </span>
            </span>
          </span>
        </div>
</if>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="location"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- Notifications filter tab contents -->
    <section id="notifications-section">
      <h3 i18n-content="notifications_tab_label"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="notifications-allow" type="radio" name="notifications"
                value="allow">
            <span>
              <label for="notifications-allow"
                  i18n-content="notifications_allow">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="notifications" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="notifications-ask" type="radio" name="notifications"
                value="ask">
            <span>
              <label for="notifications-ask" i18n-content="notifications_ask">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="notifications" value="ask">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="notifications-block" type="radio" name="notifications"
                value="block">
            <span>
              <label for="notifications-block"
                  i18n-content="notifications_block">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="notifications" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="notifications"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- Fullscreen filter -->
    <section>
      <h3 i18n-content="fullscreen_tab_label"></h3>
      <div class="settings-row">
        <button class="exceptions-list-button" contentType="fullscreen"
            i18n-content="manageExceptions"></button>
      </div>
    </section>
    <!-- Mouse Lock filter -->
    <section>
      <h3 i18n-content="mouselock_tab_label"></h3>
      <div>
        <div class="radio">
          <label>
            <input type="radio" name="mouselock" value="allow">
            <span i18n-content="mouselock_allow"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="mouselock" value="ask">
            <span i18n-content="mouselock_ask"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="mouselock" value="block">
            <span i18n-content="mouselock_block"></span>
          </label>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="mouselock"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
<if expr="pp_ifdef('chromeos') or is_win">
    <!-- Protected Content filter -->
    <section guest-visibility="disabled">
      <h3 i18n-content="protectedContentTabLabel"
          class="content-settings-header"></h3>
      <div>
        <div class="settings-row">
          <p i18n-content="protectedContentInfo"></p>
        </div>
        <div class="checkbox">
          <label>
            <input pref="settings.privacy.drm_enabled" type="checkbox">
            <span i18n-content="protectedContentEnable"></span>
          </label>
        </div>
        <div class="settings-row">
          <button id="protected-content-exceptions"
              class="exceptions-list-button" contentType="protectedContent"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
</if>
    <!-- Media Stream capture device filter -->
    <section>
      <div class="section-header">
        <h3 i18n-content="mediaStreamTabLabel"></h3>
        <span id="media-indicator"
            class="controlled-setting-indicator group-indicator"></span>
      </div>
      <div>
        <div class="media-device-control">
          <span i18n-content="mediaSelectMicLabel"></span>
          <select id="media-select-mic" class="weakrtl"></select>
        </div>
        <div class="media-device-control">
          <span i18n-content="mediaSelectCameraLabel"></span>
          <select id="media-select-camera" class="weakrtl"></select>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="media-stream-ask" type="radio" name="media-stream"
                value="ask">
            <span>
              <label id="media-stream-ask-label" for="media-stream-ask"
                  i18n-content="mediaStreamAsk">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="media-stream" value="ask">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="media-stream-block" type="radio" name="media-stream"
                value="block">
            <span>
              <label id="media-stream-block-label" for="media-stream-block"
                  i18n-content="mediaStreamBlock">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="media-stream" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="media-stream"
              i18n-content="manageExceptions"></button>
        </div>
        <div id="media-pepper-flash-default" class="pepper-flash-settings">
          <span i18n-content="mediaPepperFlashDefaultDivergedLabel"></span>
          <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
              i18n-values="href:mediaPepperFlashGlobalPrivacyURL"></a>
        </div>
      </div>
    </section>
    <!-- PPAPI broker -->
    <section>
      <h3 i18n-content="ppapiBrokerTabLabel"></h3>
      <div>
        <div class="radio">
          <label>
            <input type="radio" name="ppapi-broker" value="allow">
            <span i18n-content="ppapi_broker_allow"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="ppapi-broker" value="ask">
            <span i18n-content="ppapi_broker_ask"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="ppapi-broker" value="block">
            <span i18n-content="ppapi_broker_block"></span>
          </label>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="ppapi-broker"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <section id="media-galleries-section" hidden>
      <h3 i18n-content="mediaGalleriesSectionLabel"></h3>
      <div class="settings-row">
        <button id="manage-galleries-button"
            i18n-content="manageGalleriesButton"></button>
      </div>
    </section>
    <!-- Automatic Downloads filter -->
    <section>
      <h3 i18n-content="multiple-automatic-downloads_header"></h3>
      <div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="multiple-automatic-downloads_allow" type="radio"
                name="multiple-automatic-downloads" value="allow">
            <span>
              <label for="multiple-automatic-downloads_allow"
                  i18n-content="multiple-automatic-downloads_allow">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="multiple-automatic-downloads" value="allow">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="multiple-automatic-downloads_ask" type="radio"
                name="multiple-automatic-downloads" value="ask">
            <span>
              <label for="multiple-automatic-downloads_ask"
                  i18n-content="multiple-automatic-downloads_ask">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="multiple-automatic-downloads" value="ask">
              </span>
            </span>
          </span>
        </div>
        <div class="radio">
          <span class="controlled-setting-with-label">
            <input id="multiple-automatic-downloads_block" type="radio"
                name="multiple-automatic-downloads" value="block">
            <span>
              <label for="multiple-automatic-downloads_block"
                  i18n-content="multiple-automatic-downloads_block">
              </label>
              <span class="controlled-setting-indicator"
                  content-setting="multiple-automatic-downloads" value="block">
              </span>
            </span>
          </span>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button"
              contentType="multiple-automatic-downloads"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
    <!-- MIDI system exclusive messages filter -->
    <section id="experimental-web-midi-settings" hidden="true">
      <h3 i18n-content="midi-sysex_header"></h3>
      <div>
        <div class="radio">
          <label>
            <input type="radio" name="midi-sysex" value="allow">
            <span i18n-content="midiSysExAllow"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="midi-sysex" value="ask">
            <span i18n-content="midiSysExAsk"></span>
          </label>
        </div>
        <div class="radio">
          <label>
            <input type="radio" name="midi-sysex" value="block">
            <span i18n-content="midiSysExBlock"></span>
          </label>
        </div>
        <div class="settings-row">
          <button class="exceptions-list-button" contentType="midi-sysex"
              i18n-content="manageExceptions"></button>
        </div>
      </div>
    </section>
  </div>
  <div class="action-area">
    <div class="button-strip">
      <button id="content-settings-overlay-confirm" class="default-button"
          i18n-content="done">
      </button>
    </div>
  </div>
</div>