|
|
|
|
<ion-content>
|
|
|
|
|
<div class="head-title">
|
|
|
|
|
<ion-toolbar class="header-toolbar">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title color="light" >{{ts.trPK('itemforsale','offersdiscount')}}</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="header"></div>
|
|
|
|
|
<div class="bottom"></div>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-card>
|
|
|
|
|
<ion-card-header>
|
|
|
|
|
<img [src]="details.Banner_Image" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-card-title *ngIf="direction =='ltr'">{{details.Title}}</ion-card-title>
|
|
|
|
|
<ion-card-title *ngIf="direction =='rtl'">{{details.Title_AR}}</ion-card-title>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div *ngIf="direction =='ltr'" [innerHTML]="details.Description"> </div>
|
|
|
|
|
<div *ngIf="direction =='rtl'" [innerHTML]="details.Description_AR"> </div>
|
|
|
|
|
<div class="content-bottom">
|
|
|
|
|
<ion-row [class]="checkDate(details['End Date']) ==true ? 'green' : 'red'">
|
|
|
|
|
<ion-col size="10" *ngIf="checkDate(details['End Date']) ==true">
|
|
|
|
|
<p class="offer-valid">{{ts.trPK('general','offer-valid')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="10">
|
|
|
|
|
<p class="offer-valid"> {{ts.trPK('general','expired')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2" *ngIf="checkDate(details['End Date']) ==false">
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1> {{details.Discount}} {{ts.trPK('general','discount')}}</h1>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="related-offers">
|
|
|
|
|
<strong>
|
|
|
|
|
{{ts.trPK('itemforsale','related-offers')}}
|
|
|
|
|
</strong>
|
|
|
|
|
</p>
|
|
|
|
|
<ion-row *ngIf="related">
|
|
|
|
|
<ion-col size="6" *ngFor="let item of related">
|
|
|
|
|
<ion-card class="related-card">
|
|
|
|
|
<ion-card-header>
|
|
|
|
|
<img [src]="item.Banner_Image" />
|
|
|
|
|
|
|
|
|
|
<ion-card-title>{{item.Title}}</ion-card-title>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div [innerHTML]="getDotted(item.Description)" class='description'></div>
|
|
|
|
|
<strong class="dark">
|
|
|
|
|
{{item.Discount}} {{ts.trPK('general','discount')}}
|
|
|
|
|
</strong>
|
|
|
|
|
<ion-row [class]="checkDate(item['End Date']) ==true ? 'green' : 'red'">
|
|
|
|
|
<ion-col size="10" *ngIf="checkDate(item['End Date']) ==true">
|
|
|
|
|
<p class="offer-valid">{{ts.trPK('general','offer-valid')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="10" *ngIf="checkDate(item['End Date']) ==false">
|
|
|
|
|
<p class="offer-valid"> {{ts.trPK('general','expired')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2" *ngIf="checkDate(item['End Date']) ==false">
|
|
|
|
|
<ion-icon name="arrow-round-forward"></ion-icon>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-content>
|