<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>{{jobData.offer_code}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="bg_image back_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+jobData.job_uid+')'">
    <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="boxed_contents">
      <div class="flex">
        <ion-label class="bold_text">{{jobData?.title}}</ion-label>
        <!--        <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
      </div>

      <div class="row">
        <ion-label class="bg_text">{{jobData.offer_code}}</ion-label>
        <div class="rate">
          <!--        <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
          <ion-label class="review"> ({{jobData.interest_count}} interest)</ion-label>
        </div>
      </div>

      <ion-label class="color_text">Price: {{jobData.price*0.01| number : '1.2-2'}} {{jobData.currency}}</ion-label>

      <div class="items">
        <div class="stud">
          <ion-icon slot="start" name="time" color="primary"></ion-icon>
          <ion-label>Timeline: {{jobData.timeline_days}} days</ion-label>
        </div>
      </div>



      <ion-accordion-group>
        <ion-accordion   *ngFor="let item of filterIntList" value="{{item.interest_uid}}"  >
          <ion-item slot="header" color="light">
            <ion-label>{{item.client_name}}</ion-label>
          </ion-item>
          <div class="ion-padding" slot="content">
            <app-interest-card
                    [intData]="item"
                    [thisObj]="thisObj"
            [intResponse]="intResponse"
            ></app-interest-card>
          </div>
        </ion-accordion>
<!--        <ion-accordion value="second">-->
<!--          <ion-item slot="header" color="light">-->
<!--            <ion-label>Second Accordion</ion-label>-->
<!--          </ion-item>-->
<!--          <div class="ion-padding" slot="content">Second Content</div>-->
<!--        </ion-accordion>-->
<!--        <ion-accordion value="third">-->
<!--          <ion-item slot="header" color="light">-->
<!--            <ion-label>Third Accordion</ion-label>-->
<!--          </ion-item>-->
<!--          <div class="ion-padding" slot="content">Third Content</div>-->
<!--        </ion-accordion>-->
      </ion-accordion-group>
    </div>
  </div>
</ion-content>
