<div class="nav_header">
  <ion-menu-toggle>
    <button class="nav_btn nav_menu floatLeft"></button>
  </ion-menu-toggle>
  <div class="nav_title floatLeft">
    <img src="../../assets/Group 11@3x.png" />
  </div>
  <div class="clear"></div>
</div>
<ion-content>
  <div class="profile_wrapper">
    <div class="profile_banner">
      <div class="profile_circle">
        <div class="edit"></div>
      </div>
      <h5>{{user && user.name}}</h5>
      <p>LOGOUT</p>
    </div>
    <div class="account_wrapper">
      <div class="account_header">
        <h5 class="floatLeft">ACCOUNT INFORMATION</h5>
        <span
          class="floatRight"
          (click)="goToPage('changedetails', user && user)"
          ><img src="../../assets/edit.png"
        /></span>
        <div class="clear"></div>
      </div>
      <div class="row">
        <ion-row>
          <ion-col class="textLeft p0">
            <p>
              Name<span
                >{{user && phoneVerified? "Verified": "Not Verified yet"}}</span
              >
            </p>
          </ion-col>
          <ion-col class="textRight p0">
            <h6>{{user && user.name}}</h6>
          </ion-col>
        </ion-row>
      </div>
      <div class="row">
        <ion-row>
          <ion-col class="textLeft p0">
            <p>
              Email<span
                >{{user && emailVerified? "Verified": "Not Verified yet"}}</span
              >
            </p>
          </ion-col>
          <ion-col class="textRight p0">
            <h6>{{user && user.emailId}}</h6>
          </ion-col>
        </ion-row>
      </div>
      <hr />
      <ion-row>
        <ion-col class="textLeft p0">
          <p>Wishlist</p>
        </ion-col>
        <ion-col class="textRight p0">
          <h6>(3)</h6>
        </ion-col>
      </ion-row>
      <hr />
      <ion-row>
        <ion-col class="textLeft p0">
          <p>Address</p>
        </ion-col>
        <ion-col class="textRight p0">
          <h6>(1)</h6>
        </ion-col>
      </ion-row>
      <hr />
      <ion-row>
        <ion-col class="textLeft p0">
          <p>My Cards</p>
        </ion-col>
        <ion-col class="textRight p0">
          <h6>
            <ion-icon name="arrow-forward"></ion-icon>
          </h6>
        </ion-col>
      </ion-row>
      <hr />
      <ion-row>
        <ion-col class="textLeft p0">
          <p>My Order</p>
        </ion-col>
        <ion-col class="textRight p0">
          <h6>
            <ion-icon name="arrow-forward"></ion-icon>
          </h6>
        </ion-col>
      </ion-row>
      <hr />
      <ion-row>
        <ion-col class="textLeft p0">
          <p>Currency</p>
        </ion-col>
        <ion-col class="textRight p0">
          <h6>
            <span>AUD</span>
          </h6>
        </ion-col>
      </ion-row>
    </div>
  </div>
</ion-content>
