diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
index 96f8bd3..dfabb98 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
@@ -30,6 +30,10 @@
                 <mat-expansion-panel-header > -->
                   <!-- <div class="example-container mat-elevation-z8 "> -->
                     <table  mat-table  [dataSource]="appointmentListSource" #mytable class="my-table mat-elevation-z8 len-table">
+                      <ng-container matColumnDef="id">
+                        <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> S.No</th>
+                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.index+1  }}</td>
+                      </ng-container>
                       <ng-container matColumnDef="ClientName">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> Client Name</th>
                         <td mat-cell *matCellDef="let row" class="element-spc"> {{row.customer[0].cusName || null  }}</td>
@@ -57,7 +61,10 @@
 
                       <ng-container matColumnDef="status">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-mob"> Status </th>
-                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.status == 0 ? 'Booked':'Cancelled'}}</td>
+                        <td mat-cell *matCellDef="let row" class="element-spc"  [ngClass]="{
+                          'positive' :row.status == 'Booked',
+                          'negative' : row.status != 'Booked'
+                       }"> {{row.status}}</td>
                       </ng-container>
 
                       <ng-container matColumnDef="action">
diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
index f7d8378..ffea558 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
@@ -115,3 +115,13 @@ tr.mat-header-row {
   overflow: auto;
   max-height: 500px;
 }
+
+.positive {
+color: green;
+font-weight: bold;
+}
+
+.negative {
+color: rgb(230, 174, 21);
+font-weight: bold;
+}
diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
index 1518762..6450ae4 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
@@ -33,7 +33,7 @@ export interface UsersData {
 export class AppoinmentsListComponent implements OnInit {
 
   push: any;
-  displayedColumns: string[] = ['ClientName','datetime','phoneNo','email','address','status', 'action'];
+  displayedColumns: string[] = ['id','ClientName','datetime','phoneNo','email','address','status', 'action'];
   public appointmentListLength: number;
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
diff --git a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
index 3aaa7ad..0b266f6 100644
--- a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
+++ b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
@@ -114,6 +114,16 @@
          <textarea matInput rows="5" cols="40" placeholder="Description" formControlName="note"></textarea>
       </mat-form-field>  -->
 
+      <mat-form-field appearance="outline"  class="mat-pane" *ngIf="action == 'Update'">
+
+         <mat-label>Status</mat-label>
+         <mat-select placeholder="Select Status" formControlName="status" required>
+           <mat-option *ngFor="let details of Status"  [value]="details.value"> 
+            {{details.value}}                 
+           </mat-option>
+         </mat-select>
+       </mat-form-field>
+
       <div class="notes">
          <input type="checkbox" id="scales" name="scales" checked>
          <label for="scales">Send notifications for customer</label>
diff --git a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
index 3ca021e..07aaf7f 100644
--- a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
+++ b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
@@ -103,6 +103,7 @@ export class DialogBoxComponent implements OnInit {
   ServiceId: any;
   user_role: string;
   consultants: any = [];
+  Status:any = [{id:1,value:"Consult"},{id:2,value:"Attend"},{id:1,value:"No Show"},{id:1,value:"Cancel"}]
   constructor(private notifierService: NotifierService,private router: Router,private formBuilder: FormBuilder, public _cus:CustomersService,
     public dialogRef: MatDialogRef<DialogBoxComponent>,public _api:ConsultantService, public _con:ConsultantService,
     @Inject(MAT_DIALOG_DATA) public data: UsersData,public _app:AppointmentsService,public end_user:EndUserService) {
@@ -190,7 +191,7 @@ export class DialogBoxComponent implements OnInit {
         customer: new FormControl('', [Validators.required]),
         // note: new FormControl('', [Validators.required]),
 
-      
+        status: new FormControl('', null),
         
        
         appoinmentSlots: new FormControl('', [Validators.required]),
@@ -278,6 +279,7 @@ export class DialogBoxComponent implements OnInit {
           }
           if(this.local_data.hasOwnProperty('id')){
             paramsData.id =this.local_data.id
+            paramsData.status =this.form.value.status
           }
           console.log(paramsData)
            this._app.addFormDetails(paramsData).subscribe(res => {
diff --git a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
index 8ce2a48..e57e70b 100644
--- a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
+++ b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
@@ -11,7 +11,7 @@
   <div class="main-content" fxLayout="row" fxLayoutAlign="center start">
     <div fxFlex.gt-sm="90" fxFlex.gt-xs="95" fxFlex="100">
        <div class="messages-list material fullscreen">
-          <mat-accordion>
+          <mat-accordion *ngIf="!recordStatus">
              <!-- <mat-expansion-panel>
                 <mat-expansion-panel-header > -->
                   <!-- <div class="example-container mat-elevation-z8 "> -->
diff --git a/ng-seed/src/app/appoinment/consultant-setting/consultant-setting/consultant-setting.component.ts b/ng-seed/src/app/appoinment/consultant-setting/consultant-setting/consultant-setting.component.ts
index 45db101..94c7b3e 100644
--- a/ng-seed/src/app/appoinment/consultant-setting/consultant-setting/consultant-setting.component.ts
+++ b/ng-seed/src/app/appoinment/consultant-setting/consultant-setting/consultant-setting.component.ts
@@ -265,8 +265,8 @@ unavailability(action,obj) {
             console.log(this.practitionerdetails)
             
             if(this.userRole == 'PRACTITIONER'){
-              this.endUserURL = this.end_User_Url+'practitioner/'+this.usersList.randStr
-            } else if (this.userRole == 'BADMIN' || this.userRole == 'FRONTDESK'){
+              this.endUserURL = this.end_User_Url+'practitioner/'+this.usersList.randStr+"/details"
+            } else if (this.userRole == 'BADMIN'){
               this.endUserURL = this.end_User_Url+'business/'+this.usersList['BusinessDetails'][0].randStr
             }
             
diff --git a/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html b/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
index 7547649..2369aa4 100644
--- a/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
+++ b/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
@@ -23,7 +23,7 @@
       
                       <ng-container matColumnDef="id">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> S.No</th>
-                        <td mat-cell *matCellDef="let row; let i = index;" class="element-spc"> {{row.id}} </td>
+                        <td mat-cell *matCellDef="let row; let i = index;" class="element-spc"> {{row.index+1}} </td>
                       </ng-container>
 
                       <ng-container matColumnDef="name">
diff --git a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts
index 5dff102..f8883b6 100644
--- a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts
+++ b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts
@@ -16,9 +16,11 @@ export class DoctorProfileComponent implements OnInit {
   busName: any=[];
   profileDetails: any;
   skillsDetails: any = [];
- 
+  consultants:any =[];
+  ServicesMapDetailsList:any=[];
   constructor(private router:Router,public end_user:EndUserService,private spinner:NgxSpinnerService) {
     // this.spinner.show()
+    this.getpractitionerList()
    }
 
   ngOnInit(): void {
@@ -74,4 +76,70 @@ export class DoctorProfileComponent implements OnInit {
     return this.apiUrl+'imageViewer?img_name='+image;
   }
 
+  getpractitionerList() {
+
+    let URL = this.router.url;
+    console.log(URL);
+    let URL_AS_LIST = URL.split('/');
+    console.log(URL_AS_LIST);
+    //this._pd.getTabStatusPdDetails(this.tabStatus)
+    let params = {
+      "randStr":URL_AS_LIST[3],
+      "queryName":URL_AS_LIST[2]
+
+    }
+    console.log(params);
+ 
+    this.end_user.getcusServicesMapDetails(params).subscribe(res => {
+      if (res.status == 200) {
+        console.log(res)
+        let tmp =[]
+        let arr_val =res['data'];
+        this.ServicesMapDetailsList = arr_val
+        arr_val.forEach(element => {
+          tmp.push(element.user[0] )
+           
+        });
+
+
+        let filter = tmp.filter(arr=>{return arr.role == "PRACTITIONER"}) 
+        console.log(tmp,filter)
+        
+  
+        let result =  filter.filter((obj, index, self) =>
+     
+        index === self.findIndex((t) => (
+         
+            t.id=== obj.id
+            
+
+           
+  
+          ))
+    );
+    this.consultants = result;
+    setTimeout(() => {
+      /** spinner ends after 5 seconds */
+      this.spinner.hide();
+    }, 1000);
+    console.log(this.consultants)
+
+    // let filter2 =   this.consultants.filter(arr=>{return arr.userId == param.id && arr.busId ==param.busId}) 
+    // console.log(filter)
+    localStorage.setItem('workingHrs',this.consultants[0].practitionerInfos
+    [0].workingHours)
+    this.end_user.appointmentBooked.next(this.ServicesMapDetailsList)
+
+    this.bookedAppointment =   this.ServicesMapDetailsList[0].user[0]
+    this.dp = this.apiUrl+'imageViewer?img_name='+  this.bookedAppointment.logo
+    console.log(this.dp)
+    this.profileDetails = this.bookedAppointment.practitionerInfos[0]
+    console.log(this.profileDetails)
+    this.skillsDetails = JSON.parse(this.profileDetails.skills)
+    // this.skillsDetails = JSON.parse(this.skillsDetails)
+
+      }
+    })
+  }
+
 }
diff --git a/ng-seed/src/app/end-user/end-user-routing.module.ts b/ng-seed/src/app/end-user/end-user-routing.module.ts
index 4afd11e..4d3cfef 100644
--- a/ng-seed/src/app/end-user/end-user-routing.module.ts
+++ b/ng-seed/src/app/end-user/end-user-routing.module.ts
@@ -49,10 +49,10 @@ const routes: Routes = [{
     path: 'business/:randstr',
     component: ServiceListComponent
   },
-  {
-    path: 'practitioner/:randstr',
-    component: ConsultantsListComponent
-  },
+  // {
+  //   path: 'practitioner/:randstr',
+  //   component: ConsultantsListComponent
+  // },
   {
     path: 'practitioner/:randstr/details',
     component: DoctorProfileComponent