<form [formGroup]="modifyForm" (ngSubmit)="modifyProfile()">
  <div class="ui-g">
    <div class="ui-g-12 ui-md-3">
      <div>
        <p-card>
          <div class="ui-g">
            <img class="profile-image ui-img-profile-responsive" src="assets/layout/images/dark-user-bg.png" />
          </div>
        </p-card>
      </div>
    </div>

    <div class="ui-g-12 ui-md-9">
      <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-6">
        <span class="md-inputfield">
          <input type="text" pInputText readonly value="{{member.email}}">
          <label>Email</label>
        </span>
        </div>
        <div class="ui-g-12 ui-md-6">
        <span class="md-inputfield">
          <input type="text" pInputText value="{{member.name}}" >
          <label>Name</label>
        </span>
        </div>
        <div class="ui-g-12 ui-md-6">
        <span class="md-inputfield">
          <input type="text" pInputText value="{{member.companyName}}" >
          <label>Company Name</label>
        </span>
        </div>
        <div class="ui-g-12 ui-md-6">
        <span class="md-inputfield">
          <input type="text" pInputText  value="{{member.phone}}" >
          <label>Phone</label>
        </span>
        </div>
      </div>
    </div>
    <div class="ui-g-12" dir="rtl">
      <button type="submit" [disabled]="selected" class="ui-button ui-button-text-icon-left ui-button-width-fit">
        <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
        <span class="ui-button-text ui-c">Save</span>
      </button>
    </div>
  </div>
</form>


