From 01b2d8c381ae467795a6bf70fb419b1431f2f188 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Fri, 20 Oct 2023 21:55:06 -0400
Subject: [PATCH] blog items

---
 src/app/pages/home/home.page.html     |  33 +-
 src/app/pages/home/home.page.scss     |  13 +-
 src/app/pages/redeem/redeem.page.html | 847 +++++++++++++-------------
 3 files changed, 461 insertions(+), 432 deletions(-)

diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index 1ba9ad4..fada0a3 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -143,15 +143,30 @@
       <ion-label class="bold_text">Recommended Blog</ion-label>
       <ion-label class="color_text" (click)="allBlog()">See all</ion-label>
     </div>
-    <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
-      <div class="blog_list">
-        <div class="detail">
-          <ion-label class="name">{{item.post_title}}</ion-label>
-        </div>
-        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
-      </div>
-      <!--    <ion-icon slot  ="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
-    </div>
+
+    <ion-grid>
+      <ion-row class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
+        <ion-col>
+          <div class="detail">
+            <ion-label class="name">{{item.post_title}}</ion-label>
+          </div>
+        </ion-col>
+        <ion-col size="auto">
+          <div style="width: 95px; height: 95px; border-radius: 10px" class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'">
+          </div>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+
+<!--    <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">-->
+<!--      <div class="blog_list">-->
+<!--        <div class="detail">-->
+<!--          <ion-label class="name">{{item.post_title}}</ion-label>-->
+<!--        </div>-->
+<!--        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>-->
+<!--      </div>-->
+<!--      &lt;!&ndash;    <ion-icon slot  ="end" name="bookmark-outline" class="save" color="primary"></ion-icon>&ndash;&gt;-->
+<!--    </div>-->
   </ng-template>
 
 
diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss
index 5b70512..c1132f7 100644
--- a/src/app/pages/home/home.page.scss
+++ b/src/app/pages/home/home.page.scss
@@ -324,7 +324,15 @@ ion-content {
     }
     &.bg_alice{
       background-color: aliceblue;
-      padding: 5px;
+      padding: 1px;
+      ion-row{
+        padding:1px;
+      }
+      .detail{
+        font-size: 14px;
+        font-weight: bolder;
+        margin-top: 15px;
+      }
     }
     .list {
       display: flex;
@@ -400,6 +408,9 @@ ion-content {
       }
       .banner_image{
         min-width: 90px;
+        //float: right;
+        //display: flex;
+        //justify-content: flex-end
       }
       .detail {
         margin-left: 10px;
diff --git a/src/app/pages/redeem/redeem.page.html b/src/app/pages/redeem/redeem.page.html
index f75a136..1284e6d 100644
--- a/src/app/pages/redeem/redeem.page.html
+++ b/src/app/pages/redeem/redeem.page.html
@@ -7,431 +7,434 @@
   </div>
 
   <div class="ion-padding">
-    <div class="flex">
-      <ion-label class="bold_text">{{currency_description}} Wallet</ion-label>
-    </div>
-    <ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>
-
-
-    <ion-segment [(ngModel)]="tabs">
-      <ion-segment-button value="bank_redeem">
-        <ion-label>To Bank</ion-label>
-      </ion-segment-button>
-      <ion-segment-button value="lesson">
-        <ion-label>My Banks</ion-label>
-      </ion-segment-button>
-      <ion-segment-button value="reports">
-        <ion-label>Reports</ion-label>
-      </ion-segment-button>
-    </ion-segment>
-
-    <div *ngIf="tabs =='bank_redeem'" class="about">
-<!--      <ion-label class="head_text">Mentor</ion-label>-->
-
-
-        <div *ngIf="curr_page =='redeem_start'" >
-            <ion-card>
-                <ion-card-header>
-                    <ion-card-title>Redeem from {{currency_code}} Wallet</ion-card-title>
-                    <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
-                </ion-card-header>
-
-                <ion-card-content>
-
-                    <ion-grid class="send-grid">
-                        <ion-row>
-                            <ion-col class="intr">Amount({{currency_code}})</ion-col>
-                            <ion-col>
-                                <ion-input (ionChange)="refreshFee()"  type="number" label="Amount(ggg)" placeholder="Enter Amount"  [(ngModel)]='amount'></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col class="intr">Fee</ion-col>
-                            <ion-col>
-                                <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col class="intr">Total</ion-col>
-                            <ion-col>
-                                <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col>Recipient</ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col>
-                                <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">
-                                    <!--                                <ion-select-option value="" >Select Recipient</ion-select-option>-->
-                                    <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>
-                                </ion-select>
-<!--                                <ion-label>{{recipient_name}}</ion-label>-->
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col>
-                                {{recipient_name}}
-                            </ion-col>
-                        </ion-row>
-
-                        <ion-row>
-                            <ion-col>
-                                <ion-button expand="block" shape="round" color="secondary" (click)="contineRedeem()">Continue</ion-button>
-                            </ion-col>
-                        </ion-row>
-
-                    </ion-grid>
-
-
-<!--                    <ion-list>-->
-<!--                        <ion-item>-->
-<!--                            <ion-label>Amount({{currency_code}})</ion-label>-->
-<!--                            <ion-input (ionChange)="refreshFee()"  type="number" label="Amount(ggg)" placeholder="Enter Amount"  [(ngModel)]='amount'></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--                        <ion-item>-->
-<!--                            <ion-label >Fee</ion-label>-->
-<!--                            <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--                        <ion-item>-->
-<!--                            <ion-label>Total</ion-label>-->
-<!--                            <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--&lt;!&ndash;                        <ion-item>&ndash;&gt;-->
-<!--&lt;!&ndash;                            <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
-<!--&lt;!&ndash;&lt;!&ndash;                            <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">&ndash;&gt;&ndash;&gt;-->
-<!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
-<!--&lt;!&ndash;&lt;!&ndash;                                <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>&ndash;&gt;&ndash;&gt;-->
-<!--&lt;!&ndash;&lt;!&ndash;                            </ion-select>&ndash;&gt;&ndash;&gt;-->
-<!--&lt;!&ndash;&lt;!&ndash;                            <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;&ndash;&gt;-->
-<!--&lt;!&ndash;                        </ion-item>&ndash;&gt;-->
-
-<!--                        <div>-->
-<!--                            <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">-->
-<!--                                &lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
-<!--                                <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>-->
-<!--                            </ion-select>-->
-<!--                            <ion-label>{{recipient_name}}</ion-label>-->
-<!--                        </div>-->
-
-<!--                    </ion-list>-->
-
-
-                </ion-card-content>
-            </ion-card>
-        </div>
-
-        <div *ngIf="curr_page =='redeem_confirm'" >
-            <ion-card>
-                <ion-card-header>
-                    <ion-card-title>Confirm Wallet Withdraw</ion-card-title>
-                    <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
-                </ion-card-header>
-
-                <ion-card-content>
-
-<!--                    <ion-list>-->
-<!--                        <ion-item>-->
-<!--                            <ion-label>Amount({{currency_code}})</ion-label>-->
-<!--                            <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--                        <ion-item>-->
-<!--                            <ion-label >Fee</ion-label>-->
-<!--                            <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee' [readonly]="true"></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--                        <ion-item>-->
-<!--                            <ion-label>Total</ion-label>-->
-<!--                            <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total' [readonly]="true"></ion-input>-->
-<!--                        </ion-item>-->
-
-<!--                        <ion-item>-->
-<!--                            <ion-label>To:</ion-label>-->
-<!--                            <ion-label>{{recipient_name}}</ion-label>-->
-<!--                        </ion-item>-->
-<!--                    </ion-list>-->
-
-<!--                    <ion-button expand="block"  color="secondary" (click)="confirmRedeem()">Confirm</ion-button>-->
-
-                    <ion-grid class="send-grid">
-                        <ion-row>
-                            <ion-col class="intr">Amount({{currency_code}})</ion-col>
-                            <ion-col>
-                                <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col class="intr">Fee</ion-col>
-                            <ion-col>
-                                <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col class="intr">Total</ion-col>
-                            <ion-col>
-                                <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
-                            </ion-col>
-                        </ion-row>
-                        <ion-row>
-                            <ion-col>Recipient</ion-col>
-                        </ion-row>
-<!--                        <ion-row>-->
-<!--                            <ion-col>-->
-<!--                                <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">-->
-<!--                                    &lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
-<!--                                    <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>-->
-<!--                                </ion-select>-->
-<!--                                &lt;!&ndash;                                <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;-->
-<!--                            </ion-col>-->
-<!--                        </ion-row>-->
-                        <ion-row>
-                            <ion-col>
-                                {{recipient_name}}
-                            </ion-col>
-                        </ion-row>
-
-                        <ion-row>
-                            <ion-col>
-                                <ion-button expand="block"
-                                            shape="round"
-                                            color="secondary"
-                                            (click)="confirmRedeem()"
-                                            [disabled]="isDisabled"
-                                >Confirm</ion-button>
-                            </ion-col>
-                        </ion-row>
-
-                    </ion-grid>
-                </ion-card-content>
-            </ion-card>
-
-
-
-
-        </div>
-
-
-        <div *ngIf="curr_page =='redeem_result'" >
-            <ion-card>
-            <ion-card-header>
-                <ion-card-title>Withdraw Result</ion-card-title>
-                <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
-            </ion-card-header>
-
-            <ion-card-content>
-                <ion-grid class="send-grid">
-                    <ion-row>
-                        <ion-col class="intr">Amount({{currency_code}})</ion-col>
-                        <ion-col>
-                            <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>
-                        </ion-col>
-                    </ion-row>
-                    <ion-row>
-                        <ion-col class="intr">Fee</ion-col>
-                        <ion-col>
-                            <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
-                        </ion-col>
-                    </ion-row>
-                    <ion-row>
-                        <ion-col class="intr">Total</ion-col>
-                        <ion-col>
-                            <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
-                        </ion-col>
-                    </ion-row>
-                    <ion-row>
-                        <ion-col>Recipient</ion-col>
-                    </ion-row>
-
-                    <ion-row>
-                        <ion-col>
-                            {{recipient_name}}
-                        </ion-col>
-                    </ion-row>
-
-                    <ion-row>
-                        <ion-col class="intr">Confirmation</ion-col>
-                        <ion-col>
-                            {{confirmation}}
-                        </ion-col>
-                    </ion-row>
-
-                    <ion-row>
-                        <ion-col>
-                            Estimated delivery time is 2 to 4 Hours.
-                        </ion-col>
-                    </ion-row>
-
-                </ion-grid>
-
-
-<!--                <ion-list>-->
-<!--                    <ion-item>-->
-<!--                        <ion-label>Amount({{currency_code}})</ion-label>-->
-<!--                        <ion-input label="Amount"    type="number" placeholder="0"  value="{{amount| number : '1.2-2'}}" [readonly]="true"></ion-input>-->
-<!--                    </ion-item>-->
-
-<!--                    <ion-item>-->
-<!--                        <ion-label >Fee</ion-label>-->
-<!--                        <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee' [readonly]="true"></ion-input>-->
-<!--                    </ion-item>-->
-
-<!--                    <ion-item>-->
-<!--                        <ion-label>Total</ion-label>-->
-<!--                        <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total' [readonly]="true"></ion-input>-->
-<!--                    </ion-item>-->
-
-<!--                    <ion-item>-->
-<!--                        <ion-label>Recipient</ion-label>-->
-<!--                        <ion-label>{{recipient_name}}</ion-label>-->
-<!--                    </ion-item>-->
-
-<!--                    <ion-item>-->
-<!--                        <ion-label>Confirmation</ion-label>-->
-<!--                        <ion-label>{{confirmation}}</ion-label>-->
-<!--                    </ion-item>-->
-<!--                </ion-list>-->
-
-            </ion-card-content>
-        </ion-card>
-        </div>
-
-    </div>
-
-    <div *ngIf="tabs =='lesson'" class="lesson">
-
-
-        <div class="sec">
-                    <ion-label class="grey">My Recipient Banks</ion-label>
-                    <ion-label class="color">
-                        <ion-button size="small" shape="round" (click)="addNewBank()">Add New</ion-button>
-                    </ion-label>
-        </div>
-
-        <div class="video" *ngFor="let item of myRecipientsData">
-            <div class="left">
-                <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
-
-                <div class="text">
-                    <ion-label class="bold_text">{{item.recipient}}</ion-label>
-                    <ion-label class="grey_text">Added : {{item.added | date}}</ion-label>
-                </div>
-            </div>
-            <div class="right">
-                <ion-icon name="trash-outline" color="danger"></ion-icon>
-            </div>
-        </div>
-
-<!--      <div class="video" *ngFor="let item of [1,2]">-->
-<!--        <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="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 [1,2]">-->
-<!--        <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 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 *ngIf="tabs =='reports'" class="lesson">
-
-      <div class="video" *ngFor="let item of paymentData">
-        <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
-
-          <div class="text">
-<!--            <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
-<!--            <ion-label class="grey_text">10 mins</ion-label>-->
-
-            <div class="bold_text" [innerHTML]="item.recipient"></div>
-            <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
+      <div class="boxed_contents">
+          <div class="flex">
+              <ion-label class="bold_text">{{currency_description}} Wallet</ion-label>
+          </div>
+          <ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>
+
+
+          <ion-segment [(ngModel)]="tabs">
+              <ion-segment-button value="bank_redeem">
+                  <ion-label>To Bank</ion-label>
+              </ion-segment-button>
+              <ion-segment-button value="lesson">
+                  <ion-label>My Banks</ion-label>
+              </ion-segment-button>
+              <ion-segment-button value="reports">
+                  <ion-label>Reports</ion-label>
+              </ion-segment-button>
+          </ion-segment>
+
+          <div *ngIf="tabs =='bank_redeem'" class="about">
+              <!--      <ion-label class="head_text">Mentor</ion-label>-->
+
+
+              <div *ngIf="curr_page =='redeem_start'" >
+                  <ion-card>
+                      <ion-card-header>
+                          <ion-card-title>Redeem from {{currency_code}} Wallet</ion-card-title>
+                          <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
+                      </ion-card-header>
+
+                      <ion-card-content>
+
+                          <ion-grid class="send-grid">
+                              <ion-row>
+                                  <ion-col class="intr">Amount({{currency_code}})</ion-col>
+                                  <ion-col>
+                                      <ion-input (ionChange)="refreshFee()"  type="number" label="Amount(ggg)" placeholder="Enter Amount"  [(ngModel)]='amount'></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Fee</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Total</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col>Recipient</ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col>
+                                      <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">
+                                          <!--                                <ion-select-option value="" >Select Recipient</ion-select-option>-->
+                                          <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>
+                                      </ion-select>
+                                      <!--                                <ion-label>{{recipient_name}}</ion-label>-->
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col>
+                                      {{recipient_name}}
+                                  </ion-col>
+                              </ion-row>
+
+                              <ion-row>
+                                  <ion-col>
+                                      <ion-button expand="block" shape="round" color="secondary" (click)="contineRedeem()">Continue</ion-button>
+                                  </ion-col>
+                              </ion-row>
+
+                          </ion-grid>
+
+
+                          <!--                    <ion-list>-->
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label>Amount({{currency_code}})</ion-label>-->
+                          <!--                            <ion-input (ionChange)="refreshFee()"  type="number" label="Amount(ggg)" placeholder="Enter Amount"  [(ngModel)]='amount'></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label >Fee</ion-label>-->
+                          <!--                            <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label>Total</ion-label>-->
+                          <!--                            <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--&lt;!&ndash;                        <ion-item>&ndash;&gt;-->
+                          <!--&lt;!&ndash;                            <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
+                          <!--&lt;!&ndash;&lt;!&ndash;                            <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">&ndash;&gt;&ndash;&gt;-->
+                          <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
+                          <!--&lt;!&ndash;&lt;!&ndash;                                <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>&ndash;&gt;&ndash;&gt;-->
+                          <!--&lt;!&ndash;&lt;!&ndash;                            </ion-select>&ndash;&gt;&ndash;&gt;-->
+                          <!--&lt;!&ndash;&lt;!&ndash;                            <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;&ndash;&gt;-->
+                          <!--&lt;!&ndash;                        </ion-item>&ndash;&gt;-->
+
+                          <!--                        <div>-->
+                          <!--                            <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">-->
+                          <!--                                &lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
+                          <!--                                <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>-->
+                          <!--                            </ion-select>-->
+                          <!--                            <ion-label>{{recipient_name}}</ion-label>-->
+                          <!--                        </div>-->
+
+                          <!--                    </ion-list>-->
+
+
+                      </ion-card-content>
+                  </ion-card>
+              </div>
+
+              <div *ngIf="curr_page =='redeem_confirm'" >
+                  <ion-card>
+                      <ion-card-header>
+                          <ion-card-title>Confirm Wallet Withdraw</ion-card-title>
+                          <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
+                      </ion-card-header>
+
+                      <ion-card-content>
+
+                          <!--                    <ion-list>-->
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label>Amount({{currency_code}})</ion-label>-->
+                          <!--                            <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label >Fee</ion-label>-->
+                          <!--                            <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee' [readonly]="true"></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label>Total</ion-label>-->
+                          <!--                            <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total' [readonly]="true"></ion-input>-->
+                          <!--                        </ion-item>-->
+
+                          <!--                        <ion-item>-->
+                          <!--                            <ion-label>To:</ion-label>-->
+                          <!--                            <ion-label>{{recipient_name}}</ion-label>-->
+                          <!--                        </ion-item>-->
+                          <!--                    </ion-list>-->
+
+                          <!--                    <ion-button expand="block"  color="secondary" (click)="confirmRedeem()">Confirm</ion-button>-->
+
+                          <ion-grid class="send-grid">
+                              <ion-row>
+                                  <ion-col class="intr">Amount({{currency_code}})</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Fee</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Total</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col>Recipient</ion-col>
+                              </ion-row>
+                              <!--                        <ion-row>-->
+                              <!--                            <ion-col>-->
+                              <!--                                <ion-select  placeholder="Select Recipient"  [(ngModel)]='recipient' size="block">-->
+                              <!--                                    &lt;!&ndash;                                <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
+                              <!--                                    <ion-select-option value="{{item.recipient_uid}}"  *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>-->
+                              <!--                                </ion-select>-->
+                              <!--                                &lt;!&ndash;                                <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;-->
+                              <!--                            </ion-col>-->
+                              <!--                        </ion-row>-->
+                              <ion-row>
+                                  <ion-col>
+                                      {{recipient_name}}
+                                  </ion-col>
+                              </ion-row>
+
+                              <ion-row>
+                                  <ion-col>
+                                      <ion-button expand="block"
+                                                  shape="round"
+                                                  color="secondary"
+                                                  (click)="confirmRedeem()"
+                                                  [disabled]="isDisabled"
+                                      >Confirm</ion-button>
+                                  </ion-col>
+                              </ion-row>
+
+                          </ion-grid>
+                      </ion-card-content>
+                  </ion-card>
+
+
+
+
+              </div>
+
+
+              <div *ngIf="curr_page =='redeem_result'" >
+                  <ion-card>
+                      <ion-card-header>
+                          <ion-card-title>Withdraw Result</ion-card-title>
+                          <!--                <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
+                      </ion-card-header>
+
+                      <ion-card-content>
+                          <ion-grid class="send-grid">
+                              <ion-row>
+                                  <ion-col class="intr">Amount({{currency_code}})</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Fee"    type="number" placeholder="0"  value="{{amount}}" [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Fee</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col class="intr">Total</ion-col>
+                                  <ion-col>
+                                      <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total_display' [readonly]="true"></ion-input>
+                                  </ion-col>
+                              </ion-row>
+                              <ion-row>
+                                  <ion-col>Recipient</ion-col>
+                              </ion-row>
+
+                              <ion-row>
+                                  <ion-col>
+                                      {{recipient_name}}
+                                  </ion-col>
+                              </ion-row>
+
+                              <ion-row>
+                                  <ion-col class="intr">Confirmation</ion-col>
+                                  <ion-col>
+                                      {{confirmation}}
+                                  </ion-col>
+                              </ion-row>
+
+                              <ion-row>
+                                  <ion-col>
+                                      Estimated delivery time is 2 to 4 Hours.
+                                  </ion-col>
+                              </ion-row>
+
+                          </ion-grid>
+
+
+                          <!--                <ion-list>-->
+                          <!--                    <ion-item>-->
+                          <!--                        <ion-label>Amount({{currency_code}})</ion-label>-->
+                          <!--                        <ion-input label="Amount"    type="number" placeholder="0"  value="{{amount| number : '1.2-2'}}" [readonly]="true"></ion-input>-->
+                          <!--                    </ion-item>-->
+
+                          <!--                    <ion-item>-->
+                          <!--                        <ion-label >Fee</ion-label>-->
+                          <!--                        <ion-input label="Fee"    type="number" placeholder="0"  [(ngModel)]='fee' [readonly]="true"></ion-input>-->
+                          <!--                    </ion-item>-->
+
+                          <!--                    <ion-item>-->
+                          <!--                        <ion-label>Total</ion-label>-->
+                          <!--                        <ion-input label="Total"    type="number" placeholder="0"  [(ngModel)]='total' [readonly]="true"></ion-input>-->
+                          <!--                    </ion-item>-->
+
+                          <!--                    <ion-item>-->
+                          <!--                        <ion-label>Recipient</ion-label>-->
+                          <!--                        <ion-label>{{recipient_name}}</ion-label>-->
+                          <!--                    </ion-item>-->
+
+                          <!--                    <ion-item>-->
+                          <!--                        <ion-label>Confirmation</ion-label>-->
+                          <!--                        <ion-label>{{confirmation}}</ion-label>-->
+                          <!--                    </ion-item>-->
+                          <!--                </ion-list>-->
+
+                      </ion-card-content>
+                  </ion-card>
+              </div>
+
+          </div>
+
+          <div *ngIf="tabs =='lesson'" class="lesson">
+
+
+              <div class="sec">
+                  <ion-label class="grey">My Recipient Banks</ion-label>
+                  <ion-label class="color">
+                      <ion-button size="small" shape="round" (click)="addNewBank()">Add New</ion-button>
+                  </ion-label>
+              </div>
+
+              <div class="video" *ngFor="let item of myRecipientsData">
+                  <div class="left">
+                      <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
+
+                      <div class="text">
+                          <ion-label class="bold_text">{{item.recipient}}</ion-label>
+                          <ion-label class="grey_text">Added : {{item.added | date}}</ion-label>
+                      </div>
+                  </div>
+                  <div class="right">
+                      <ion-icon name="trash-outline" color="danger"></ion-icon>
+                  </div>
+              </div>
+
+              <!--      <div class="video" *ngFor="let item of [1,2]">-->
+              <!--        <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="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 [1,2]">-->
+              <!--        <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 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 *ngIf="tabs =='reports'" class="lesson">
+
+              <div class="video" *ngFor="let item of paymentData">
+                  <div class="left">
+                      <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
+
+                      <div class="text">
+                          <!--            <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
+                          <!--            <ion-label class="grey_text">10 mins</ion-label>-->
+
+                          <div class="bold_text" [innerHTML]="item.recipient"></div>
+                          <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
+                      </div>
+                  </div>
+                  <div class="right">
+                      <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
+                  </div>
+              </div>
+
+              <!--      <div class="total">-->
+              <!--        <div class="star-rate">-->
+              <!--          <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
+              <!--          <ion-label class="bold">4.8 (5456 Reviews)</ion-label>-->
+              <!--        </div>-->
+              <!--        <ion-label class="color">See all</ion-label>-->
+              <!--      </div>-->
+
           </div>
-        </div>
-        <div class="right">
-            <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
-        </div>
       </div>
 
-<!--      <div class="total">-->
-<!--        <div class="star-rate">-->
-<!--          <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
-<!--          <ion-label class="bold">4.8 (5456 Reviews)</ion-label>-->
-<!--        </div>-->
-<!--        <ion-label class="color">See all</ion-label>-->
-<!--      </div>-->
-
-    </div>
 
   </div>
 </ion-content>