diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
index 48043d646..3df205ec8 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
@@ -1,85 +1,95 @@
 <mat-card>
   <mat-card-content>
-   <div class="mb-2" > 
-     <mat-card>
-      <mat-card-content style="background:#e00201;">
-          <div fxLayout="row"  fxLayoutAlign="start center" class="filter-header">
-              <div  *ngFor="let master of pdMasterData" class="ml-xs mr-xs" fxFlex="45" style="color:#fff;">
-                <h4>{{master.lender_full_name}} - {{master.branch_name}}</h4>
-                <span *ngIf="master.lender_applicant_id"> {{master.lender_applicant_id}}  -  </span>  {{master.pd_date_of_initiation}}
-              </div> 
-               <div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1"   fxFlex="55" style="text-align:right;" >
-                  <button  *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
-                      <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
-                      <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT && enableStartPD" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(viewID)"><mat-icon>question_answer</mat-icon></button>
+    <div class="mb-2">
+      <mat-card>
+        <mat-card-content style="background:#e00201;">
+          <div fxLayout="row" fxLayoutAlign="start center" class="filter-header">
+            <div *ngFor="let master of pdMasterData" class="ml-xs mr-xs" fxFlex="45" style="color:#fff;">
+              <h4>{{master.lender_full_name}} - {{master.branch_name}}</h4>
+              <span *ngIf="master.lender_applicant_id"> {{master.lender_applicant_id}}  -  </span> {{master.pd_date_of_initiation}}
+            </div>
+            <div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1" fxFlex="55" style="text-align:right;">
+              <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED"
+                mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above"
+                (click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
+              <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED"
+                mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above"
+                (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
+              <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT && enableStartPD"
+                mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above"
+                (click)="getPDStart(viewID)"><mat-icon>question_answer</mat-icon></button>
 
-                      <button *ngIf="master.pd_type_name && currentPDStatus===pdStatusCheck.QC_COMPLETED || pdStatusCheck.COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
+              <button *ngIf="master.pd_type_name && currentPDStatus===pdStatusCheck.QC_COMPLETED || pdStatusCheck.COMPLETED" mat-raised-button
+                mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above"
+                (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
 
-                  <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon"  type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>  
-                  <br>
-                  <!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer" 
+              <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="above"
+                (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>
+              <br>
+              <!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer" 
                   matTooltipPosition="above"></span>       -->
-                   
-                  <span *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="color:#fff;text-align:left"><mat-icon  class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
-                  <span *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="color:#fff;text-align:left"><mat-icon   class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</span> 
-                  <span *ngIf="master.centralofficer && master.fk_pd_type==3" style="color:#fff;text-align:left"><mat-icon  class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.centralofficer | titlecase}}</span> 
-     
-                  &nbsp;&nbsp;
-                  <span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:#fff;text-align:left">{{master.pd_status | titlecase}} &nbsp;On&nbsp;{{master.scheduled_on}}</span>
-                  <span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED && master.pd_status!=pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">{{master.pd_status | titlecase}}</span>
-                  <span *ngIf="master.pd_status==pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">QC Completed</span>
-                </div>
-        
-               </div>
-      </mat-card-content>
-     </mat-card>
-      
- <mat-card-content>
-  <div fxLayout="row wrap">
 
-     <div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
-         <!--pd master  -->
-       <mat-card *ngFor="let master of pdMasterData"  class="minheight">
-          
-             <mat-card-header>
+              <span *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="color:#fff;text-align:left"><mat-icon  class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
+              <span *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="color:#fff;text-align:left"><mat-icon   class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</span>
+              <span *ngIf="master.centralofficer && master.fk_pd_type==3" style="color:#fff;text-align:left"><mat-icon  class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.centralofficer | titlecase}}</span>              &nbsp;&nbsp;
+              <span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:#fff;text-align:left">{{master.pd_status | titlecase}} &nbsp;On&nbsp;{{master.scheduled_on}}</span>
+              <span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED && master.pd_status!=pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">{{master.pd_status | titlecase}}</span>
+              <span *ngIf="master.pd_status==pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">QC Completed</span>
+            </div>
+
+          </div>
+        </mat-card-content>
+      </mat-card>
+
+      <mat-card-content>
+        <div fxLayout="row wrap">
+
+          <div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
+            <!--pd master  -->
+            <mat-card *ngFor="let master of pdMasterData" class="minheight">
+
+              <mat-card-header>
                 <!--  <img mat-card-avatar src="assets/images/avatar.jpg">
                  <mat-card-title>{{master.lender_full_name}} -  {{master.lender_applicant_id}}
                  </mat-card-title>-->
-                 <mat-card-title *ngIf="master.state_name" class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> &nbsp;<span>{{master.city_name}} / {{master.state_name}}-{{master.pincode}}</span></mat-card-title>
-                 
-                 <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
-                    <!--   <button  *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button>
+                <mat-card-title *ngIf="master.state_name" class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> &nbsp;<span>{{master.city_name}} / {{master.state_name}}-{{master.pincode}}</span></mat-card-title>
+
+                <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
+                  <!--   <button  *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button>
                       <button *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
                     -->
-                      <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)"><mat-icon>edit</mat-icon></button>
-                      </div>
-                </mat-card-header>
-                
-             <mat-card-content>
-                
-               <p *ngIf="master.pd_contact_person || master.pd_contact_mobileno "><span *ngIf="master.pd_contact_person"> <i class="fa-1x fa fa-user-o"></i> {{master.pd_contact_person}}</span>&nbsp;&nbsp; <span *ngIf="master.pd_contact_mobileno"> <i class="fa-1x fa fa-phone"></i> {{master.pd_contact_mobileno}}</span><span style="font-size:13px;"> (Lender Contact Details) </span> </p>
-              
-               <p *ngIf="master.product_name">{{master.product_name}}<span *ngIf="master.subproduct_name"> /  {{master.subproduct_name}} </span></p>
-               <p *ngIf="master.pd_type_name"><span>{{master.pd_type_name}}</span>  <span *ngIf="master.loan_amount" class="hover-icon"> / <i class="fa-1x fa fa-rupee">&nbsp;</i>{{master.loan_amount}}</span></p>
-               <p><span>{{master.addressline1}}</span></p>    
-               <p *ngIf="master.remarks"><span style="font-size:13px;"> Remarks : </span> <span style="color:red">{{master.remarks}}</span></p>        
-             </mat-card-content>
-       </mat-card>
-     </div>
-     <div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
-           <!-- applicant card  -->
-           <mat-card  class="minheight">
-               <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
-                   <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdApplicant(pdApplicantData)"><mat-icon>edit</mat-icon></button>
-                 </div>
-             <mat-card-header>
-                 <mat-card-title style="color:red !important;">Applicants</mat-card-title>
-               </mat-card-header>
+                  <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)"><mat-icon>edit</mat-icon></button>
+                </div>
+              </mat-card-header>
 
-             <mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
-               <mat-list   *ngFor="let applicant of pdApplicantData">
-                 <mat-list-item style="height:68px !important;">
-                   <p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
+              <mat-card-content>
+
+                <p *ngIf="master.pd_contact_person || master.pd_contact_mobileno "><span *ngIf="master.pd_contact_person"> <i class="fa-1x fa fa-user-o"></i> {{master.pd_contact_person}}</span>&nbsp;&nbsp;
+                  <span *ngIf="master.pd_contact_mobileno"> <i class="fa-1x fa fa-phone"></i> {{master.pd_contact_mobileno}}</span>
+                  <span style="font-size:13px;"> (Lender Contact Details) </span>
+                </p>
+
+                <p *ngIf="master.product_name">{{master.product_name}}<span *ngIf="master.subproduct_name"> /  {{master.subproduct_name}} </span></p>
+                <p *ngIf="master.pd_type_name"><span>{{master.pd_type_name}}</span> <span *ngIf="master.loan_amount" class="hover-icon"> / <i class="fa-1x fa fa-rupee">&nbsp;</i>{{master.loan_amount}}</span></p>
+                <p><span>{{master.addressline1}}</span></p>
+                <p *ngIf="master.remarks"><span style="font-size:13px;"> Remarks : </span> <span style="color:red">{{master.remarks}}</span></p>
+              </mat-card-content>
+            </mat-card>
+          </div>
+          <div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
+            <!-- applicant card  -->
+            <mat-card class="minheight">
+              <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
+                <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdApplicant(pdApplicantData)"><mat-icon>edit</mat-icon></button>
+              </div>
+              <mat-card-header>
+                <mat-card-title style="color:red !important;">Applicants</mat-card-title>
+              </mat-card-header>
+
+              <mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
+                <mat-list *ngFor="let applicant of pdApplicantData">
+                  <mat-list-item style="height:68px !important;">
+                    <p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
                             <i class="fa-1x fa fa-user-o"></i>
                             &nbsp;{{applicant.applicant_name}} 
                       </span> &nbsp;&nbsp;&nbsp;
@@ -89,109 +99,120 @@
                       </span> &nbsp;&nbsp;&nbsp;
                       <span *ngIf="applicant.landline != '' && applicant.landline != 'null-null' && applicant.landline != null " class="mb-2 text-center hover-icon">
                         <i class="fa-1x fa fa-phone"></i>
-                        &nbsp;<span matPrefix>+91</span>{{applicant.landline}} 
+                        &nbsp;<span matPrefix>+91</span>{{applicant.landline}}
                       </span>
-                      <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant </span> 
-                  <ng-template #codetails><span>{{applicant.relation_name}}</span></ng-template>
-                   </p>                            
-                 </mat-list-item>                      
-               </mat-list>
-             </mat-card-content>
-             <ng-template #noApplicant><mat-card-content><p>No Applicant</p></mat-card-content></ng-template>                
-           </mat-card>                          
-     </div>
-     <div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="100" fxFlex.xl="100">
-            <!-- applicant card  -->
-            <mat-card  class="minheight">
-                <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
-                    <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editAdditionalRequirement(pdAdditionalReqData)"><mat-icon>edit</mat-icon></button>
-                  </div>
-              <mat-card-header>
-                  <mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
-                </mat-card-header>
- 
-              <mat-card-content *ngIf="pdAdditionalReqData.length>0; else noRequirement">
-                <mat-list   *ngFor="let requirement of pdAdditionalReqData">
-                  <mat-list-item>
-                      <p>{{requirement.add_requirement}}</p>         
-                  </mat-list-item>                      
+                      <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant </span>
+                      <ng-template #codetails><span>{{applicant.relation_name}}</span></ng-template>
+                    </p>
+                  </mat-list-item>
                 </mat-list>
               </mat-card-content>
-              <ng-template #noRequirement><mat-card-content><p>No Additional Requirements</p></mat-card-content></ng-template>                
-            </mat-card>   
-     </div>    
-     <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="m-gap p-gap">
-                <!-- pd documents card -->
-                <mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
-                   <mat-expansion-panel-header>
-                     <mat-panel-title class="text-xs-left" style="color:red !important;">
-                      <h6 class="mt-0">Documents</h6>
-                     </mat-panel-title>                       
-                   </mat-expansion-panel-header>
-                   <mat-list  *ngFor="let documents of pdDocumentsData">
-                       <mat-list-item>
-                           <!--<p><span><i class="fa-1x fa fa-file"></i>  {{documents.pd_document_title}} </span></p> -->
-                             <a href="{{documents.doc_url}}" target="_blank"><i class="fa-1x fa fa-file"></i> {{documents.pd_document_title}}</a>
-                              <!---- <span class="mb-2 text-center hover-icon">  &nbsp;{{documents.pd_document_name}} </span> -->        
-                       </mat-list-item>                            
-                     </mat-list>                       
-                 </mat-expansion-panel>
-               <ng-template #nodocument>
-                 <mat-card>
-                 <mat-card-content><p>No Document</p></mat-card-content>
-                </mat-card>
+              <ng-template #noApplicant>
+                <mat-card-content>
+                  <p>No Applicant</p>
+                </mat-card-content>
               </ng-template>
-     </div>
-     <div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
-                   <!--pd logs card  -->
-                     <mat-expansion-panel *ngIf="masterPdLogsData.length>0; else nohistory">
-                         <mat-expansion-panel-header>
-                           <mat-panel-title class="text-xs-left" style="color:red !important;">
-                            <h6 class="mt-0"> PD History</h6>
-                           </mat-panel-title>
-                         
-                         </mat-expansion-panel-header>
-                         <mat-list class="m-gap p-gap" *ngFor="let master of masterPdLogsData">
-                             <mat-list-item>
-                             <span style="font-size:15px;"><span style="color:#908f8f">{{master.time}}</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:#908f8f"> <i> {{master.user}} </i>  </span><br> <span>{{master.log}}</span> </span>  
+            </mat-card>
+          </div>
+          <div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="100" fxFlex.xl="100">
+            <!-- applicant card  -->
+            <mat-card class="minheight">
+              <div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
+                <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editAdditionalRequirement(pdAdditionalReqData)"><mat-icon>edit</mat-icon></button>
+              </div>
+              <mat-card-header>
+                <mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
+              </mat-card-header>
 
-                             </mat-list-item>
-                           
-                           </mat-list>
-                        
-                       </mat-expansion-panel>
-                      
-                      <ng-template #nohistory>
-                        <mat-card>
-                        <mat-card-content><p>No History</p></mat-card-content>
-                       </mat-card>
-                       </ng-template>       
-                   
-                 </div>
-                  <div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED'" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
-                   <mat-card>
-                      <div style="color:red !important;">
-                        <h6>QC Remarks</h6>
-                      </div>
-                        <p>
-                          {{ pdMasterData[0].qc_remarks}}</p>
-                        <p> 
-                          {{ pdMasterData[0]?.qc_feedback}}</p>
-                        <div>
-                          <p>
-                            <app-rating [rating]="pd_QC_Rating"></app-rating>
-                          </p>
-                        </div>
-                        
-                   </mat-card>
-                  </div>
-                 </div>
-     </div>
-  </div>
- </mat-card-content>
-</div>
+              <mat-card-content *ngIf="pdAdditionalReqData.length>0; else noRequirement">
+                <mat-list *ngFor="let requirement of pdAdditionalReqData">
+                  <mat-list-item>
+                    <p>{{requirement.add_requirement}}</p>
+                  </mat-list-item>
+                </mat-list>
+              </mat-card-content>
+              <ng-template #noRequirement>
+                <mat-card-content>
+                  <p>No Additional Requirements</p>
+                </mat-card-content>
+              </ng-template>
+            </mat-card>
+          </div>
+          <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="m-gap p-gap">
+            <!-- pd documents card -->
+            <mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
+              <mat-expansion-panel-header>
+                <mat-panel-title class="text-xs-left" style="color:red !important;">
+                  <h6 class="mt-0">Documents</h6>
+                </mat-panel-title>
+              </mat-expansion-panel-header>
+              <mat-list *ngFor="let documents of pdDocumentsData">
+                <mat-list-item>
+                  <!--<p><span><i class="fa-1x fa fa-file"></i>  {{documents.pd_document_title}} </span></p> -->
+                  <a href="{{documents.doc_url}}" target="_blank"><i class="fa-1x fa fa-file"></i> {{documents.pd_document_title}}</a>
+                  <!---- <span class="mb-2 text-center hover-icon">  &nbsp;{{documents.pd_document_name}} </span> -->
+                </mat-list-item>
+              </mat-list>
+            </mat-expansion-panel>
+            <ng-template #nodocument>
+              <mat-card>
+                <mat-card-content>
+                  <p>No Document</p>
+                </mat-card-content>
+              </mat-card>
+            </ng-template>
+          </div>
+          <div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
+            <!--pd logs card  -->
+            <mat-expansion-panel *ngIf="masterPdLogsData.length>0; else nohistory">
+              <mat-expansion-panel-header>
+                <mat-panel-title class="text-xs-left" style="color:red !important;">
+                  <h6 class="mt-0"> PD History</h6>
+                </mat-panel-title>
+
+              </mat-expansion-panel-header>
+              <mat-list class="m-gap p-gap" *ngFor="let master of masterPdLogsData">
+                <mat-list-item>
+                  <span style="font-size:15px;"><span style="color:#908f8f">{{master.time}}</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                  <span style="color:#908f8f"> <i> {{master.user}} </i>  </span><br> <span>{{master.log}}</span> </span>
+
+                </mat-list-item>
+
+              </mat-list>
+
+            </mat-expansion-panel>
+
+            <ng-template #nohistory>
+              <mat-card>
+                <mat-card-content>
+                  <p>No History</p>
+                </mat-card-content>
+              </mat-card>
+            </ng-template>
+
+          </div>
+          <div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED'" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50"
+            fxFlex.lg="50" fxFlex.xl="50">
+            <mat-card>
+              <div style="color:red !important;">
+                <h6>QC Remarks</h6>
+              </div>
+              <p>
+                {{ pdMasterData[0].qc_remarks}}</p>
+              <p>
+                {{ pdMasterData[0]?.qc_feedback}}</p>
+              <div>
+                <p>
+                  <app-rating [rating]="pd_QC_Rating"></app-rating>
+                </p>
+              </div>
+
+            </mat-card>
+          </div>
+        </div>
+      </mat-card-content>
+    </div>
   </mat-card-content>
 </mat-card>
 
-<!-- <notifier-container></notifier-container> -->
-
+<!-- <notifier-container></notifier-container> -->
\ No newline at end of file