
<ion-header mode="ios" class="ion-no-border">
    <ion-toolbar>
        <ion-buttons slot="start" (click)="onBack()">
            <ion-button>
                <ion-icon name="arrow-back-outline"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-title>Jobs Interest</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/jobinterest.jpg)'">
    <div class="ion-padding">
      <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
    </div>
  </div>

  <div class="ion-padding">
    <div class="flex">
      <ion-label class="bold_text">Jobs Interest</ion-label>
<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
    </div>

    <div class="row">
      <ion-label class="bg_text">....</ion-label>
      <div class="rate">
<!--        <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<!--        <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
      </div>
    </div>

<!--    <ion-label class="color_text">$40</ion-label>-->

    <div class="items">
<!--      <div class="stud">-->
<!--        <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
<!--        <ion-label>9876 Students</ion-label>-->
<!--      </div>-->
<!--      <div class="stud">-->
<!--        <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
<!--        <ion-label>2.5 hours</ion-label>-->
<!--      </div>-->
<!--      <div class="stud">-->
<!--        <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
<!--        <ion-label>Certificate</ion-label>-->
<!--      </div>-->
    </div>



    <div  class="lesson">
      <div class="flex">
<!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
<!--        <ion-label class="color">See all</ion-label>-->
      </div>

<!--      <div class="sec">-->
<!--        <ion-label class="grey">Section 1 - Introduction</ion-label>-->
<!--        <ion-label class="color">15 min</ion-label>-->
<!--      </div>-->

      <div class="video" *ngFor="let item of jobManagerOffersJobsData" (click)="processJobInt(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.client_name}} : {{item.offer_code}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
            <ion-label class="due_date">Expire: {{item.expire}}</ion-label>
          </div>
        </div>
        <div class="right">
            <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
        </div>
      </div>

<!--      <div class="sec">-->
<!--        <ion-label class="grey">Section 2 - Figma Basic</ion-label>-->
<!--        <ion-label class="color">60 min</ion-label>-->
<!--      </div>-->


<!--      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">-->
<!--        <div class="left">-->
<!--          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->

<!--          <div class="text">-->
<!--            <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!--            <ion-label class="grey_text">10 mins</ion-label>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="right">-->
<!--          <ion-icon name="lock-closed-outline"></ion-icon>-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="sec">-->
<!--        <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
<!--        <ion-label class="color">75 min</ion-label>-->
<!--      </div>-->


<!--      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">-->
<!--        <div class="left">-->
<!--          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->

<!--          <div class="text">-->
<!--            <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!--            <ion-label class="grey_text">10 mins</ion-label>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="right">-->
<!--          <ion-icon name="lock-closed-outline"></ion-icon>-->
<!--        </div>-->
<!--      </div>-->
    </div>


  </div>
</ion-content>

<!--<ion-footer>-->
<!--  <ion-toolbar>-->
<!--    <div class="button" (click)="onBack()">-->
<!--      <ion-label class="text">Return</ion-label>-->
<!--    </div>-->
<!--  </ion-toolbar>-->
<!--</ion-footer>-->
