diff --git a/src/app/merms-wallet/merms-wallet.page.html b/src/app/merms-wallet/merms-wallet.page.html
index 138247f..5c65bd2 100644
--- a/src/app/merms-wallet/merms-wallet.page.html
+++ b/src/app/merms-wallet/merms-wallet.page.html
@@ -11,16 +11,21 @@
     
 
     
-    <!-- Item Dividers in a List -->
-    <ion-list>
+   
+    <ion-list-header>
+      Recent Payment(s)
+    </ion-list-header>
 
-      <ion-item><ion-label>Search patient </ion-label></ion-item>
-      <ion-item><ion-label>Edit Profile</ion-label></ion-item>
-      <ion-item><ion-label>A4</ion-label></ion-item>
-      <ion-item><ion-label>Practice Time</ion-label></ion-item>
-    
-      
-    </ion-list>
+    <ion-item *ngFor="let type of paymentData" >
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>{{type.firstname}} {{type.lastname}}</h2>
+        <h3>{{type.reason}}</h3>
+        <p>{{type.appt}} {{type.gender}} , {{type.age}} yrs</p>
+      </ion-label>
+    </ion-item>
     
 
   </div>
diff --git a/src/app/merms-wallet/merms-wallet.page.ts b/src/app/merms-wallet/merms-wallet.page.ts
index 96fe19a..75c0856 100644
--- a/src/app/merms-wallet/merms-wallet.page.ts
+++ b/src/app/merms-wallet/merms-wallet.page.ts
@@ -1,5 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { Router, NavigationExtras } from '@angular/router'
+import { MermsServiceProviderService } from './../providers/merms-service-provider.service';
+import { MermsSessionService } from './../merms-session.service';
+
 import {
   NavController,
   AlertController,
@@ -14,7 +17,55 @@ import {
 })
 export class MermsWalletPage implements OnInit {
 
-  constructor(public navCtrl: NavController,private router: Router) { }
+
+
+  constructor(public navCtrl: NavController, private router: Router,
+    private mermsServiceProviderService: MermsServiceProviderService,
+    private mermsSessionService: MermsSessionService
+  ) { 
+this.getPaymentData();
+
+  }
+
+
+  paymentData: any;
+
+
+  currentProviderData: {
+    sessionid: string,
+    member_id: number,
+    card_count: number
+    card_type: number
+  };
+
+  getPaymentData() {
+    console.log('MermsServiceProviderService::getDashData() ########  @@@@  ########');
+    this.currentProviderData = {
+      sessionid: this.mermsSessionService.session,
+      member_id: this.mermsSessionService.member_id,
+      card_count: 100,
+      card_type: 22000
+    };
+
+    try {
+      this.mermsServiceProviderService.genericGetService('provider/recentencounter', this.currentProviderData).subscribe(paymentData => {
+        console.log("card data result 22k: ", paymentData[0]['payload']);
+        this.paymentData = paymentData[0]['payload'];
+        if (paymentData.hasOwnProperty('payload') && Array.isArray(paymentData['payload'])) {
+          this.paymentData = paymentData['payload'];
+          console.log("card data result 22k: ", this.paymentData);
+        }
+      });
+    } catch (e) {
+      console.log(e);
+    }
+
+
+
+    //
+
+
+  }
 
   ngOnInit() {
   }