<div *ngIf = "total_offers == 0; else elseFulltag">
  <div></div>
</div>

<ng-template #elseFulltag>
  <ion-label class="bold_text">Task waiting for you.</ion-label>
  <ion-grid class="fam1">
    <ion-row class="pend-row" *ngFor="let item of myOffersData">
      <ion-col class="famleft"
               [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+item.job_uid+')'"
               [style.background-size]="contain"
      ></ion-col>
      <ion-col class="mid_place">
        <ion-label class="sug_text">{{item.title}}</ion-label>
        <ion-button shape="round" (click)="startNewTasks(item)" fill="outline">Ready to Start</ion-button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ng-template>
<!--<div *ngIf = "suggested_count == 0; else elseFulltag">-->
<!--</div>-->




<!--<ion-card *ngFor="let item of myOffersData">-->
<!--  <div class="top_banner">-->
<!--    <img class="offer_banner" alt="{{item.title}}" src="https://www.wrenchboard.com/assets/images/apps/offerslist/{{item.banner}}" />-->
<!--  </div>-->
<!--  <ion-card-header>-->
<!--    <ion-card-title class="offer_title">{{item.title}}</ion-card-title>-->
<!--    <ion-card-subtitle>Expiration:{{item.expire | date}}</ion-card-subtitle>-->
<!--  </ion-card-header>-->

<!--  <ion-card-content>-->
<!--    {{item.job_description}}-->
<!--  </ion-card-content>-->

<!--  <ion-grid>-->
<!--    <ion-row>-->
<!--      <ion-col>-->
<!--        <ion-button size="small" (click)="requestReject(item)" color="danger" fill="outline">Reject</ion-button>-->
<!--      </ion-col>-->
<!--      <ion-col>-->

<!--      </ion-col>-->
<!--      <ion-col>-->
<!--        <ion-button size="small" (click)="requestStart(item)" color="success" fill="outline">Start Now</ion-button>-->
<!--      </ion-col>-->
<!--    </ion-row>-->
<!--  </ion-grid>-->


<!--</ion-card>-->
