<div class="page hidden" id="accountsPage">
  <h1 i18n-content="accountsPage"></h1>
  <section>
    <div class="option">
      <div id="ownerOnlyWarning" class="hidden">
        <span i18n-content="owner_only"></span>
        <span i18n-content="owner_user_id"></span>
      </div>
      <table class="option-control-table">
      <tr>
        <td class="option-name">
          <div class="checkbox">
            <label>
              <input id="allowBwsiCheck" pref="cros.accounts.allowBWSI"
                  type="checkbox">
              <span i18n-content="allow_BWSI"></span>
            </label>
          </div>
        </td>
      </tr>
      <tr>
        <td class="option-name">
          <div class="checkbox">
            <label>
              <input id="showUserNamesCheck"
                  pref="cros.accounts.showUserNamesOnSignIn" type="checkbox">
              <span i18n-content="show_user_on_signin"></span>
            </label>
          </div>
        </td>
      </tr>
      <tr>
        <td class="option-name">
          <div class="checkbox">
            <label>
              <input id="useWhitelistCheck" pref="cros.accounts.allowGuest"
                  type="checkbox" inverted_pref>
              <span i18n-content="use_whitelist"></span>
            </label>
          </div>
        </td>
      </tr>
      <tr><td>&nbsp;</td></tr>
      <tr><td>
        <table class="user-list-table">
          <tr><td>
            <list id="userList"></list>
          </td></tr>
          <tr><td class="user-name-edit-row">
            <label><span i18n-content="add_users"></span><br>
            <input id="userNameEdit" type="text"
                i18n-values="placeholder:username_edit_hint">
            </span>
            </label>
          </td></tr>
        </table>
      </td></tr>
     </table>
    </div>
  </section>
</div>