<ion-content *ngIf="itemDetails">
  <div class="head-title">
   
    <app-generic-header
    showImage="false"
    showBack="true"
    [headerText]="'itemforsale,title' | translate">
  </app-generic-header>
  </div>
  <div class="header"></div>
  <div class="bottom"></div>
  <div >
    <ion-card>
      <ion-card-header>
        <img  *ngIf="!item.itemAttachments[0] || !item.itemAttachments[0].content" src="assets/imgs/no-images.png" /> 
        <!-- <img  *ngIf="itemDetails.itemAttachments[0]" [src]="item.itemAttachments[0]" />
        <img  *ngIf="!itemDetails.itemAttachments[0]" src="assets/imgs/no-images.png" /> -->
        <ion-slides *ngIf="itemDetails.itemAttachments.length>0">
          <ion-slide *ngFor="let slide of itemDetails.itemAttachments">
            <img   [src]="getImgContent('data:image/png;base64, ' +slide.content)" />
          </ion-slide>
            </ion-slides>
        <ion-card-title *ngIf="direction == 'ltr'">{{itemDetails.title}}</ion-card-title>
        <ion-card-title *ngIf="direction =='rtl'">{{itemDetails.title_Ar}}</ion-card-title>
      </ion-card-header>
    
      <ion-card-content>
        <span *ngIf="direction == 'ltr'">{{itemDetails.description}}</span>
        <span *ngIf="direction =='rtl'">{{itemDetails.description_Ar}}</span>
        <div class="content-bottom">
          <p [class]="itemDetails.status=='Approved' ? 'green' : 'yellow'">{{itemDetails.status}}</p>
        <h1> <strong>
          {{itemDetails.quotePrice}} {{itemDetails.currencyCode}}
        </strong></h1>
      </div>
    
      
      <div class="profile">
        <ion-item lines="none" >
          <ion-avatar slot="start">
            <img class="profile-img" src="/assets/imgs/S.png">
          </ion-avatar>
          <ion-label>
            <p class="profile-title">{{itemDetails.fullName}}</p>
            <p>{{getDate(itemDetails.created) }}</p>
            <!-- <p><a href="">View Profile</a></p>   -->
          </ion-label>
        
        </ion-item>
        
      </div>
      </ion-card-content>

  
    </ion-card>
  </div>

  
<ion-footer  >
  <div class="centerDiv details-button" >
    <a [href]="'mail:' + itemDetails.emailAddress"> 
    <ion-button  class="footer-button" ion-button>
    <img [class]="direction == 'ltr' ? 'icon-footer' : 'icon-footer-ar'" src="/assets/imgs/itemsforsale/sms.svg">
      {{ts.trPK('general','email')}} </ion-button></a>

      <a [href]="'tel:' + itemDetails.mobileNumber">
      <ion-button  class="footer-button" ion-button>
        <img [class]="direction == 'ltr' ? 'icon-footer' : 'icon-footer-ar'" src="/assets/imgs/itemsforsale/call.svg ">
        {{ts.trPK('vacation-rule','call')}} </ion-button></a>
  </div>
  </ion-footer>
  </ion-content>