<div class="page hidden" id="systemPage">
  <h1 i18n-content="systemPage"></h1>
  <section>
    <h3 i18n-content="datetime_title"></h3>
    <table class="option-control-table">
      <tr>
        <td class="option-name" i18n-content="timezone"></td>
        <td class="option-value">
        <select id="timezone-select" class="control"
             i18n-options="timezoneList"
             dataType="string"
             pref="cros.system.timezone"></select>
        </td>
      <tr>
        <td class="option-name" colspan="2">
          <div class="checkbox">
            <label>
              <input id="use-24hour-clock"
                  pref="settings.clock.use_24hour_clock"
                  type="checkbox">
              <span i18n-content="use_24hour_clock"></span>
            </label>
          </div>
        </td>
      </tr>
      </tr>
    </table>
  </section>
  <section>
    <h3 i18n-content="touchpad"></h3>
    <table class="option-control-table">
      <tr>
        <td class="option-name" i18n-content="sensitivity"></td>
        <td class="option-value">
          <input id="sensitivity-range" type="range" min="1" max="5"
              pref="settings.touchpad.sensitivity2" class="touch-slider">
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <span i18n-content="sensitivity_less"></span>
          <span i18n-content="sensitivity_more"
              class="touchpad-sensitivity-more"></span>
        </td>
      </tr>
      <tr>
        <td class="option-name" colspan="2">
          <div class="checkbox">
            <label>
              <input id="tap-to-click-check"
                  pref="settings.touchpad.enable_tap_to_click"
                  type="checkbox">
              <span i18n-content="enable_tap_to_click"></span>
            </label>
          </div>
        </td>
      </tr>
    </table>
  </section>
  <section>
    <h3 i18n-content="language"></h3>
    <table class="option-control-table">
      <tr>
        <td class="option-name"><button id="language-button"
            i18n-content="language_customize"></button>
        </td>
         <td class="option-name"><button id="modifier-keys-button"
             i18n-content="modifier_keys_customize"></button>
         </td>
      </tr>
    </table>
  </section>
  <section>
    <h3 i18n-content="accessibility_title"></h3>
    <table class="option-control-table">
      <tr>
        <td class="option-name">
          <div class="checkbox">
            <label>
              <input id="accesibility-check" type="checkbox">
              <span i18n-content="accessibility"></span>
            </label>
          </div>
        </td>
      </tr>
    </table>
  </section>
</div>