<ion-grid class="jobIntGrid">
  <ion-row>
    <ion-col>
      <ion-list>
        <ion-item>
          <ion-icon aria-hidden="true" name="people" slot="start"></ion-icon>
          <ion-label>{{intData.client_name}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-icon aria-hidden="true" name="time" slot="start"></ion-icon>
          <ion-label>Member Since : {{intData.client_added | date}}</ion-label>
        </ion-item>
      </ion-list>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <ion-list lines="none">
        <ion-item>
          <ion-label>Job</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>Completed: {{intData.client_jobs_completed}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>Active: {{intData.client_jobs_active}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>Pening: {{intData.client_offers_pending}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>Uncompleted: {{intData.client_jobs_missed}} </ion-label>
        </ion-item>
      </ion-list>
    </ion-col>
    <ion-col>

      <ion-grid>
        <ion-row>
          <ion-col style="padding: 10px">
            <ion-button  expand="block" (click)="approveStart(intData)">Approve Start</ion-button>
          </ion-col>

          <ion-col style="padding: 10px">
            <ion-button expand="block" color="danger" (click)="rejectStart(intData)">Reject</ion-button>
          </ion-col>
        </ion-row>
      </ion-grid>




    </ion-col>
  </ion-row>
</ion-grid>