<div id="tab-account" class="tab tab-account">
  <div class="page">
    <div class="navbar navbar-large">
      <div class="navbar-inner sliding">
        <div class="left">
        </div>
        <div class="title">Account</div>
        <div class="title-large">
          <div class="title-large-text">Account</div>
        </div>
        <div class="right">
          <a href="#" class="link icon-only switch-theme">
            <i class="icon f7-icons">moon_stars</i>
          </a>
          <a id="signout" class="link icon-only text-color-red">
            <i class="icon f7-icons">square_arrow_right</i>
          </a>
        </div>
      </div>
    </div>
    <div class="page-content">
      <div class="list">
        <ul>
          <li>
            <a href="/address/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined color-primary">room</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Address</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/password_change/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined color-primary">move_up</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Change Password</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/account_delete/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined color-primary">clear</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Delete Account</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/account_edit/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined color-primary">edit</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Edit Account</div>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <div class="container">
        <div class="row">
          <button id="logout" class="btn btn-danger fw-700 btn-block">Logout</button>
        </div>
      </div>
    </div>
  </div>
</div>