<div style="background-color: white">
  <div  class="lesson">
    <div class="video" *ngFor="let item of jobManagerOffersData" (click)="openDetailModal(item)">
      <div class="left">
        <div class="bg_image men_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+item.job_uid+')'"></div>

        <div class="text">
          <ion-label class="bold_text">{{item.title}}</ion-label>
          <ion-label class="grey_text">{{item.description}}</ion-label>
          <ion-label class="price_line">{{item.offer_code}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
          <ion-label class="due_date">Expire: {{item.expire |date}}</ion-label>
          <ion-label class="grey_text">Sent to : <span class="job_to">{{item.job_to}}</span></ion-label>
        </div>
      </div>
      <div class="right">
        <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
      </div>
    </div>
  </div>

<div *ngIf="isModalOpenBackdrop==true">
  <ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
  <ion-modal class="common_modal" [isOpen]="isModalOpen">

    <ng-template>

      <ion-header>
        <ion-toolbar>
          <ion-title>Pending Details</ion-title>
          <ion-buttons slot="end">
            <ion-button (click)="setCloseModal()">Close</ion-button>
          </ion-buttons>
        </ion-toolbar>
      </ion-header>
      <ion-content class="ion-padding">
        <ion-card style="margin: 0px;">
          <ion-card-header>
            <ion-card-title style="font-size: 18px">{{modal_item_title}}</ion-card-title>
          </ion-card-header>

          <ion-card-content>
            {{modal_item_description}}

           <div  style="margin-top: 10px; font-size: 14px;">{{modal_item_job_detail}} </div>
          </ion-card-content>
        </ion-card>
      </ion-content>
    </ng-template>
  </ion-modal>
</div>


</div>
<div *ngIf="total_item==0">
  <ion-card style="background-color: #e3d1d4; margin: 0px;">
    <ion-card-content>
      This task is currently not assigned to the public or any user.
    </ion-card-content>
  </ion-card>
</div>

