From d67d0a3c663addaf82d1c02785ece2fd8099e813 Mon Sep 17 00:00:00 2001
From: venbaSriram <sriram.v@venbainfotech.com>
Date: Tue, 1 Jan 2019 18:40:20 +0530
Subject: [PATCH] css assets : ps

---
 .../assets-info/assets-info.component.html    | 872 ++++++++----------
 .../assets-info/assets-info.component.scss    |   2 +-
 .../assets-info/assets-info.component.ts      |   2 +
 .../neighbour-hood.component.ts               |   4 +-
 4 files changed, 414 insertions(+), 466 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
index ac5031bb1..40e14ff6c 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
@@ -37,101 +37,106 @@
                                                              <div formArrayName="business_details" class="example-full-width">
                                                                 <!--Property-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 1 ">
-                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
-                                                                        <div>
-                                                                          <mat-form-field style="width:100%">
+                                                                        <!-- <div> -->
+                                                                        <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:30%">
                                                                             <mat-select placeholder="Property Type" formControlName="property_type" >
                                                                               <mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
                                                                             </mat-select>
                                                                           </mat-form-field>
-                                                                        </div>
-                                                                        <div>
-                                                                          <mat-form-field *ngIf="detail.get('property_type').value == 5">
+                                                                          <mat-form-field style="width:30%" *ngIf="detail.get('property_type').value == 5">
                                                                               <input matInput placeholder="Other Property Type" formControlName="other_property_type" autocomplete="off">
                                                                             </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                 <!--Four Wheeler-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 2">
-                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
-                                                                        <div>
-                                                                          <mat-form-field class="ml-xs example-full-width">
+                                                                          <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:30%">
                                                                             <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler"  autocomplete="off">
                                                                           </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                 <!--Two Wheeler-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 3">
-                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
-                                                                        <div>
-                                                                          <mat-form-field class="ml-xs example-full-width">
+                                                                        <!-- <div> -->
+                                                                         <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:30%">
                                                                             <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_two_weeler"  autocomplete="off">
                                                                           </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                 <!--Consumer Durable-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 5">
-                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
-                                                                        <div>
-                                                                          <mat-form-field class="ml-xs example-full-width">
+                                                                        <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:95%">
                                                                             <input matInput placeholder="Description" formControlName="consumer_durable_description" >
                                                                           </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                 <!--Insurance-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 6">
-                                                                  <div fxFill>
+                                                                  <!-- <div fxFill> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
                                                                         <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                          <div fxFlex="33">
-                                                                            <mat-form-field class="ml-xs example-full-width">
+                                                                          <!-- <div fxFlex="33"> -->
+                                                                            <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Premium Paid" formControlName="premium_paid"  (keypress)="keyPress($event)" autocomplete="off">
                                                                             </mat-form-field>
-                                                                          </div>
-                                                                          <div fxFlex="33">
-                                                                            <mat-form-field>
+                                                                          <!-- </div>
+                                                                          <div fxFlex="33"> -->
+                                                                            <mat-form-field style="width:30%">
                                                                               <mat-select placeholder="Frequency" formControlName="frequency_mode" >
                                                                                 <mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
                                                                               </mat-select>
                                                                             </mat-form-field>
+                                                                            <mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
+                                                                                <input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
+                                                                            </mat-form-field>
                                                                           </div>
-                                                                          <div fxFlex="33">
-                                                                            <mat-form-field class="ml-xs example-full-width">
+
+                                                                          <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <!-- </div>
+                                                                          <div fxFlex="33"> -->
+                                                                            <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Sum Assured" formControlName="sum_assured"  (keypress)="keyPress($event)" autocomplete="off">
                                                                             </mat-form-field>
-                                                                          </div>
-                                                                        </div>
-                                                                        <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                          <div fxFlex="33">
-                                                                            <mat-form-field class="ml-xs example-full-width">
+                                                                          <!-- </div> -->
+                                                                        
+                                                                          <!-- <div fxFlex="33"> -->
+                                                                            <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Members Covered" formControlName="members_coverd"  autocomplete="off">
                                                                             </mat-form-field>
-                                                                          </div>
+                                                                          <!-- </div> -->
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                 <!--Investments-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 7">
@@ -139,28 +144,28 @@
                                                                       <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                         <div [formGroupName]="s">
                                                                           <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                            <div fxFlex="33">
-                                                                              <mat-form-field>
+                                                                            <!-- <div fxFlex="33"> -->
+                                                                              <mat-form-field style="width:30%">
                                                                                 <mat-select placeholder="Type" formControlName="investments_type" >
                                                                                   <mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
                                                                                 </mat-select>
                                                                               </mat-form-field>
-                                                                            </div>
-                                                                            <div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 "> 
-                                                                              <mat-form-field>
-                                                                                  <input matInput placeholder="Specify Other Type" formControlName="other_investments_type" autocomplete="off">
+                                                                            <!-- </div> -->
+                                                                            <!-- <div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 ">  -->
+                                                                              <mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6 ">
+                                                                                  <input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
                                                                               </mat-form-field>
-                                                                            </div>
-                                                                            <div fxFlex="33" >
-                                                                              <mat-form-field class="ml-xs example-full-width">
+                                                                            <!-- </div> -->
+                                                                            <!-- <div fxFlex="33" > -->
+                                                                              <mat-form-field style="width:30%">
                                                                                 <input matInput placeholder="Amount of Investment" formControlName="amount_of_invest"  (keypress)="keyPress($event)" autocomplete="off">
                                                                               </mat-form-field>
-                                                                            </div>
-                                                                            <div fxFlex="33">
-                                                                              <mat-form-field class="ml-xs example-full-width">
+                                                                            <!-- </div>
+                                                                            <div fxFlex="33"> -->
+                                                                              <mat-form-field style="width:30%">
                                                                                 <input matInput placeholder="Bank Name" formControlName="bank_name"  autocomplete="off">                             
                                                                               </mat-form-field>
-                                                                            </div>
+                                                                            <!-- </div> -->
                                                                           </div>
                                                                         </div>
                                                                       </div>
@@ -169,29 +174,31 @@
                                                                 <!--other assets-->
                                                                 <!-- <div *ngIf="sup.get('assets_mode').value == 8"> -->
                                                                   <div *ngIf="sup.get('business_assets_mode').value == 8">
-                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                                     <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                       <div [formGroupName]="s">
-                                                                        <div>
-                                                                          <mat-form-field class="ml-xs example-full-width">
+                                                                        <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:95%">
                                                                             <input matInput placeholder="Description of the Assets" formControlName="any_other_assets"  autocomplete="off">
                                                                           </mat-form-field>
-                                                                          <mat-form-field class="ml-xs example-full-width">
+                                                                        </div>
+                                                                        <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value"  autocomplete="off">
                                                                           </mat-form-field>
                                                                           <!-- <mat-form-field class="ml-xs example-full-width"> -->
                                                                                 <!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
                                                                             <!-- </mat-form-field> -->
-                                                                            <mat-form-field class="ml-xs example-full-width">
+                                                                            <mat-form-field style="width:30%">
                                                                                   <mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,2)">
-                                                                                      <mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{d.viewValue}}</mat-option>
+                                                                                      <mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{data.viewValue}}</mat-option>
                                                                                     <!-- <mat-option value="yes">Yes</mat-option>
                                                                                     <mat-option value="no">No</mat-option>
                                                                                     <mat-option value="nan">NA</mat-option> -->
                                                                                   </mat-select>
                                                                                 </mat-form-field>
                                                                             <!-- <mat-form-field class="ml-xs example-full-width" *ngIf="detail.get(any_other_asset_loan).value == 'yes'"> -->
-                                                                                <mat-form-field class="ml-xs example-full-width" *ngIf="businessEmiAmtFlag">
+                                                                                <mat-form-field style="width:95%" *ngIf="businessEmiAmtFlag">
                                                                                 <!-- <mat-form-field class="ml-xs example-full-width"> -->
                                                                                 <input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
                                                                                 <!-- <span matSuffix>.00</span> -->
@@ -199,101 +206,68 @@
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  </div>
+                                                                  <!-- </div> -->
                                                                 </div>
                                                                
                                                              </div>
                                                         <!--Desction Dynamic details : END -->                    
                                                         <!-- {{sup.get('business_assets_mode').value}} -->
-                                                  <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                    <div *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4">
-                                                      <div fxFlex="33">
-                                                        <mat-form-field class="ml-xs example-full-width">
-                                                          <input matInput placeholder="Approximate Market Value" formControlName="business_approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
-                                                        </mat-form-field>
-                                                      </div>
-                                                    </div>
-                                                    <div *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5">
-
-                                                      <div fxFlex="33">
-                                                        <mat-form-field class="ml-xs example-full-width">
-                                                          <input matInput placeholder="Name of the Business Owner" formControlName="business_name_of_the_owner" autocomplete="off">
-                                                        </mat-form-field>
-                                                      </div>
-
-                                                      <!-- <div fxFlex="33">
-                            
-                                                      <mat-form-field class="ml-xs example-full-width">
-                                                          <mat-select placeholder="Name of the Owner"
-                                                          formControlName="business_name_of_the_owner" >
+                                                  <!-- <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
                                                               
-                                                              <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
+                                                                        <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          <mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4" style="width:30%">
+                                                                              <input matInput placeholder="Approximate Market Value" formControlName="business_approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
+                                                                          </mat-form-field>
+                                                                        
+                                                                          <mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5" style="width:30%">
+                                                                              <input matInput placeholder="Name of the Business Owner" formControlName="business_name_of_the_owner" autocomplete="off">
+                                                                          </mat-form-field>
+                                                                        </div>
+                                                                    
                                                               
-                                                          </mat-select>
-                                                      </mat-form-field>
-                                                    </div>
-                                                      <div fxFlex="33">
-                                                      <mat-form-field class="ml-xs example-full-width" *ngIf="sup.get('business_name_of_the_owner').value == 0">
-                                                          <input matInput placeholder="Specify Other Owner Name"
-                                                                 formControlName="other_owner" autocomplete="off">
-                                                      </mat-form-field>
-                                                    </div>
-                                                    <div fxFlex="33">
-                                                      <mat-form-field class="ml-xs example-full-width">
-                                                          <mat-select placeholder="Relation" formControlName="relation" >
-                                                              <mat-option value="{{relations.relationship_id}}"
-                                                                          *ngFor="let relations of m_relation">
-                                                                  {{relations.name}}
-                                                              </mat-option>
-                                                          </mat-select>
-                                                      </mat-form-field>
-                                                     </div> -->
 
-                                        
-                                                    </div>
-                                                  </div>
-                                                  <div *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5">
+                                                  <span *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5">
                                                       <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                        <div fxFlex="33">
-                                                          <mat-form-field class="ml-xs example-full-width" style="width:95%">
+                                                        <!-- <div fxFlex="33"> -->
+                                                          <mat-form-field style="width:95%">
                                                             <mat-select placeholder="Is there a loan existing against this asset?" formControlName="business_emi">
                                                               <mat-option value="yes">Yes</mat-option>
                                                               <mat-option value="no">No</mat-option>
                                                             </mat-select>
                                                           </mat-form-field>
-                                                        </div>
-                                                        <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33">
-                                                          <mat-form-field class="ml-xs example-full-width"  style="width:95%">
+                                                        <!-- </div> -->
+                                                        <!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
+                                                          <mat-form-field  style="width:95%" *ngIf="sup.get('business_emi').value === 'yes'">
                                                             <input matInput placeholder="Amount of EMI on This Loan?" formControlName="business_emi_paid" (keypress)="keyPress($event)" autocomplete="off">
                                                           </mat-form-field>
-                                                        </div>
-                                                        <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33">
-                                                          <mat-form-field class="ml-xs example-full-width"  style="width:95%">
+                                                        <!-- </div> -->
+                                                        <!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
+                                                          <mat-form-field  *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
                                                             <input matInput placeholder="Original Loan Tenure in Months" formControlName="business_original_loan_tenure"  autocomplete="off" (change)="loanTenureCalc(sup,2)">
                                                           </mat-form-field>
-                                                        </div>
-                                                        <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"  style="width:95%">
-                                                          <mat-form-field class="ml-xs example-full-width">
+                                                        <!-- </div>
+                                                        <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"  style="width:95%"> -->
+                                                          <mat-form-field *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
                                                             <input matInput placeholder="Balance Tenure in Months" formControlName="business_balance_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
                                                           </mat-form-field>
-                                                        </div>
-                                                        <div *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != ''  && sup.get('business_balance_tenure').value != '' " fxFlex="33"  style="width:95%">
-                                                          <mat-form-field class="ml-xs example-full-width">
+                                                        <!-- </div> -->
+                                                        <!-- <div *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != ''  && sup.get('business_balance_tenure').value != '' " fxFlex="33"  style="width:95%"> -->
+                                                          <mat-form-field *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != ''  && sup.get('business_balance_tenure').value != '' " style="width:30%">
                                                             <input matInput placeholder="Elapsed Tenure in Months" formControlName="business_elapsed_tenure" autocomplete="off">
                                                           </mat-form-field>
                                                             <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
+                                                        <!-- </div> -->
                                                         </div>
-                                                        </div>
-                                                    </div>
+                                                      </span>
                                       
 
                                                 
                                                   <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
-                                                    <div fxFlex="20">
+                                                    <!-- <div fxFlex="20"> -->
                                                       <span *ngIf="_assetsQuesFrom.controls.business_assets_details.controls.length > 1" (click)="removeAssetsDetails(i,2)"> 
                                                           <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
                                                       </span>
-                                                    </div>
+                                                    <!-- </div> -->
                                                   </div>
                                                 </div>
                                               </mat-card-content>
@@ -316,358 +290,330 @@
                       </div>
                 </ng-template>
               </mat-tab>
-            <mat-tab label="Other Asset Questions">
+              <mat-tab label="Other Asset Questions">
                   <ng-template matTabContent>
                         <div fxLayout="row wrap">
                                 <div fxFlex="100">
 
-<mat-card style="min-height: 550px;">
-  <mat-card-content>
-      <div fxLayout="row" fxLayoutAlign="start none">
-        <div formArrayName="assets_details" fxFill>
-          <div *ngFor="let sup of _assetsQuesFrom.controls.assets_details['controls']; let i=index">
-            <mat-card>
-              <mat-card-content>
-                <div [formGroupName]="i">
-                  <div fxLayout="row wrap" fxLayoutGap="5px" fxLayoutAlign="start none">
-                    <mat-form-field style="width:100%">
-                      <mat-select (selectionChange)="selectedAssetsType($event,i,1)" placeholder="Assets Type" formControlName="assets_mode" requried>
-                        <mat-option *ngFor="let asset of m_assets_type" [value]="asset.id">{{ asset.name }}</mat-option>
-                      </mat-select>
-                    </mat-form-field>
-                  </div>
-                  <!--Desction Dynamic details: START-->
-                  <div formArrayName="details" class="example-full-width">
-                    <!--Property-->
-                    <div *ngIf="sup.get('assets_mode').value == 1 ">
-                      <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div>
-                              <mat-form-field style="width:100%">
-                                <mat-select placeholder="Property Type" formControlName="property_type" >
-                                  <mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
-                                </mat-select>
-                              </mat-form-field>
-                            </div>
-                            <div>
-                              <mat-form-field *ngIf="detail.get('property_type').value == 5">
-                                  <input matInput placeholder="Other Property Type" formControlName="other_property_type" autocomplete="off">
-                                </mat-form-field>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--Four Wheeler-->
-                    <div *ngIf="sup.get('assets_mode').value == 2">
-                      <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div>
-                              <mat-form-field class="ml-xs example-full-width">
-                                <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler"  autocomplete="off">
-                              </mat-form-field>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--Two Wheeler-->
-                    <div *ngIf="sup.get('assets_mode').value == 3">
-                      <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div>
-                              <mat-form-field class="ml-xs example-full-width">
-                                <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_two_weeler"  autocomplete="off">
-                              </mat-form-field>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--jwell details -->
-                    <!--<div *ngIf="sup.get('assets_mode').value == 4">
-                        <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                            <div [formGroupName]="s">
-                              <div>
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Description" formControlName="jwell_description" autocomplete="off">
-                                </mat-form-field>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>-->
-                    <!--Consumer Durable-->
-                    <div *ngIf="sup.get('assets_mode').value == 5">
-                      <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div>
-                              <mat-form-field class="ml-xs example-full-width">
-                                <input matInput placeholder="Description" formControlName="consumer_durable_description" >
-                              </mat-form-field>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--Insurance-->
-                    <div *ngIf="sup.get('assets_mode').value == 6">
-                      <div fxFill>
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                             <!---- <div fxFlex="33">
-                                <mat-form-field>
-                                  <mat-select placeholder="Type" formControlName="insurance_type" >
-                                    <mat-option *ngFor="let ins_type of m_insuranceType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
-                                  </mat-select>
-                                </mat-form-field>
-                              </div>-->
-                              <div fxFlex="33">
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Premium Paid" formControlName="premium_paid"  (keypress)="keyPress($event)" autocomplete="off">
-                                </mat-form-field>
-                              </div>
-                              <div fxFlex="33">
-                                <mat-form-field>
-                                  <mat-select placeholder="Frequency" formControlName="frequency_mode" >
-                                    <mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
-                                  </mat-select>
-                                </mat-form-field>
-                              </div>
-                              <div fxFlex="33">
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Sum Assured" formControlName="sum_assured"  (keypress)="keyPress($event)" autocomplete="off">
-                                </mat-form-field>
-                              </div>
-                            </div>
-                            <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                              <div fxFlex="33">
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Members Covered" formControlName="members_coverd"  autocomplete="off">
-                                </mat-form-field>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--Investments-->
-                    <div *ngIf="sup.get('assets_mode').value == 7">
-                      <div>
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                              <div fxFlex="33%" class="ml-xs example-full-width">
-                                <mat-form-field>
-                                  <mat-select placeholder="Type" formControlName="investments_type" >
-                                    <mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
-                                  </mat-select>
-                                </mat-form-field>
-                              </div>
-                              <!-- <div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 ">  -->
-                                 <div fxFlex="33%" >
-                                <mat-form-field class="ml-xs example-full-width">
-                                    <input matInput placeholder="Specify Other Type" formControlName="other_investments_type" autocomplete="off">
-                                </mat-form-field>
-                                 </div>
-                              <!-- </div> -->
-                              <div fxFlex="33%" >
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Amount of Investment" formControlName="amount_of_invest"  (keypress)="keyPress($event)" autocomplete="off">
-                                </mat-form-field>
-                              </div>
-                            </div>
-                             <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                              <div fxFlex="33%">
-                                <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Bank Name" formControlName="bank_name"  autocomplete="off">                             
-                                </mat-form-field>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--other assets-->
-                    <div *ngIf="sup.get('assets_mode').value == 8">
-                      <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                        <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
-                          <div [formGroupName]="s">
-                            <div>
-                              <mat-form-field class="ml-xs example-full-width">
-                                <input matInput placeholder="Description of the Assets" formControlName="any_other_assets"  autocomplete="off">
-                              </mat-form-field>
-                              <mat-form-field class="ml-xs example-full-width">
-                                  <input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value"  autocomplete="off">
-                              </mat-form-field>
-                              <mat-form-field class="ml-xs example-full-width">
-                                  <mat-select placeholder="Name of the Owner"
-                                  formControlName="name_of_the_owner" >
-                                      
-                                      <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
+                                  <mat-card style="min-height: 550px;">
+                                    <mat-card-content>
+                                        <div fxLayout="row" fxLayoutAlign="start none">
+                                          <div formArrayName="assets_details" fxFill>
+                                            <div *ngFor="let sup of _assetsQuesFrom.controls.assets_details['controls']; let i=index">
+                                              <mat-card>
+                                                <mat-card-content>
+                                                  <div [formGroupName]="i">
+                                                    <div fxLayout="row wrap" fxLayoutGap="5px" fxLayoutAlign="start none">
+                                                      <mat-form-field style="width:100%">
+                                                        <mat-select (selectionChange)="selectedAssetsType($event,i,1)" placeholder="Assets Type" formControlName="assets_mode" requried>
+                                                          <mat-option *ngFor="let asset of m_assets_type" [value]="asset.id">{{ asset.name }}</mat-option>
+                                                        </mat-select>
+                                                      </mat-form-field>
+                                                    </div>
+                                                    <!--Desction Dynamic details: START-->
+                                                    <div formArrayName="details" class="example-full-width">
+                                                      <!--Property-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 1 ">
+                                                        <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                                <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <mat-form-field style="width:30%">
+                                                                  <mat-select placeholder="Property Type" formControlName="property_type" >
+                                                                    <mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
+                                                                  </mat-select>
+                                                                </mat-form-field>
+                                                                <mat-form-field *ngIf="detail.get('property_type').value == 5" style="width:30%">
+                                                                    <input matInput placeholder="Other Property Type" formControlName="other_property_type" autocomplete="off">
+                                                                  </mat-form-field>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        <!-- </div> -->
+                                                      </div>
+                                                      <!--Four Wheeler-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 2">
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                              <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <mat-form-field style="width:30%">
+                                                                  <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler"  autocomplete="off">
+                                                                </mat-form-field>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                      </div>
+                                                      <!--Two Wheeler-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 3">
+                                                        <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                                <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <mat-form-field style="width:30%">
+                                                                  <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_two_weeler"  autocomplete="off">
+                                                                </mat-form-field>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        <!-- </div> -->
+                                                      </div>
+                                                      <!--jwell details -->
+                                                      <!--<div *ngIf="sup.get('assets_mode').value == 4">
+                                                          <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                            <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                              <div [formGroupName]="s">
+                                                                <div>
+                                                                  <mat-form-field class="ml-xs example-full-width">
+                                                                    <input matInput placeholder="Description" formControlName="jwell_description" autocomplete="off">
+                                                                  </mat-form-field>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </div>-->
+                                                      <!--Consumer Durable-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 5">
+                                                        
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                                <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <mat-form-field style="width:95%">
+                                                                  <input matInput placeholder="Description" formControlName="consumer_durable_description" >
+                                                                </mat-form-field>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        
+                                                      </div>
 
-                                  </mat-select>
-                              </mat-form-field>
-                              <div *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''">
-                                  <mat-form-field class="ml-xs example-full-width" >
-                                      <input matInput placeholder="Specify Other Owner Name"
-                                             formControlName="other_owner" autocomplete="off">
-                                  </mat-form-field>
+                                                      <!--Insurance-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 6">
+                                                          <!-- <div fxFill> -->
+                                                            <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                              <div [formGroupName]="s">
+                                                                <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- <div fxFlex="33"> -->
+                                                                    <mat-form-field style="width:30%">
+                                                                      <input matInput placeholder="Premium Paid" formControlName="premium_paid"  (keypress)="keyPress($event)" autocomplete="off">
+                                                                    </mat-form-field>
+                                                                  <!-- </div>
+                                                                  <div fxFlex="33"> -->
+                                                                    <mat-form-field style="width:30%">
+                                                                      <mat-select placeholder="Frequency" formControlName="frequency_mode" >
+                                                                        <mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
+                                                                      </mat-select>
+                                                                    </mat-form-field>
+                                                                    <mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
+                                                                        <input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
+                                                                    </mat-form-field>
+                                                                  </div>
+
+                                                                  <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                  <!-- </div>
+                                                                  <div fxFlex="33"> -->
+                                                                    <mat-form-field style="width:30%">
+                                                                      <input matInput placeholder="Sum Assured" formControlName="sum_assured"  (keypress)="keyPress($event)" autocomplete="off">
+                                                                    </mat-form-field>
+                                                                  <!-- </div> -->
+                                                                
+                                                                  <!-- <div fxFlex="33"> -->
+                                                                    <mat-form-field style="width:30%">
+                                                                      <input matInput placeholder="Members Covered" formControlName="members_coverd"  autocomplete="off">
+                                                                    </mat-form-field>
+                                                                  <!-- </div> -->
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          <!-- </div> -->
+                                                      </div>
+                                                      
+                                                        <!-- </div> -->
+                                                    <!-- </div> -->
+                                                      <!--Investments-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 7">
+                                                        <div>
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                              <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <!-- <div fxFlex="33%" class="ml-xs example-full-width"> -->
+                                                                  <mat-form-field style="width:30%">
+                                                                    <mat-select placeholder="Type" formControlName="investments_type" >
+                                                                      <mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
+                                                                    </mat-select>
+                                                                  </mat-form-field>
+                                                                <!-- </div> -->
+                                                                <!-- <div fxFlex="33"  ">  -->
+                                                                  <!-- <div fxFlex="33%" > -->
+                                                                  <mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6">
+                                                                      <input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
+                                                                  </mat-form-field>
+                                                                  <!-- </div> -->
+                                                                <!-- </div> -->
+                                                                <!-- <div fxFlex="33%" > -->
+                                                                  <mat-form-field style="width:30%">
+                                                                    <input matInput placeholder="Amount of Investment" formControlName="amount_of_invest"  (keypress)="keyPress($event)" autocomplete="off">
+                                                                  </mat-form-field>
+                                                                <!-- </div> -->
+                                                              </div>
+                                                              <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                <!-- <div fxFlex="33%"> -->
+                                                                  <mat-form-field style="width:30%">
+                                                                    <input matInput placeholder="Bank Name" formControlName="bank_name"  autocomplete="off">                             
+                                                                  </mat-form-field>
+                                                                <!-- </div> -->
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </div>
+                                                      </div>
+                                                      <!--other assets-->
+                                                      <div *ngIf="sup.get('assets_mode').value == 8">
+                                                        <!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
+                                                          <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
+                                                            <div [formGroupName]="s">
+                                                              <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                    <mat-form-field style="width:95%">
+                                                                      <input matInput placeholder="Description of the Assets" formControlName="any_other_assets"  autocomplete="off">
+                                                                    </mat-form-field>
+                                                              </div>
+                                                              <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                    <mat-form-field style="width:30%">
+                                                                        <input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value"  autocomplete="off">
+                                                                    </mat-form-field>
+                                                                    <mat-form-field style="width:30%">
+                                                                        <mat-select placeholder="Name of the Owner"
+                                                                        formControlName="name_of_the_owner" >
+                                                                            
+                                                                            <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
+
+                                                                        </mat-select>
+                                                                    </mat-form-field>
+                                                                <!-- <div> -->
+                                                                    <mat-form-field *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''" style="width:30%">
+                                                                        <input matInput placeholder="Specify Owner Name"
+                                                                              formControlName="other_owner" autocomplete="off">
+                                                                    </mat-form-field>
+                                                                  </div>
+                                                                  <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                    <mat-form-field style="width:30%">
+                                                                        <mat-select placeholder="Relation" formControlName="relation" >
+                                                                            <mat-option value="{{relations.relationship_id}}"
+                                                                                        *ngFor="let relations of m_relation">
+                                                                                {{relations.name}}
+                                                                            </mat-option>
+                                                                        </mat-select>
+                                                                    </mat-form-field>
+                                                                <!-- </div>---- -->
+                                                                <!-- <mat-form-field class="ml-xs example-full-width"> -->
+                                                                      <!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
+                                                                  <!-- </mat-form-field> -->
+                                                                  <mat-form-field style="width:30%">
+                                                                        <mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,1)">
+                                                                            <mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{data.viewValue}}</mat-option>
+                                                                        </mat-select>
+                                                                        <!-- <input matInput placeholder="What is the EMI amount ?" formControlName="any_other_asset_loan" autocomplete="off"> -->
+                                                                  </mat-form-field>
+                                                                  <!-- <mat-form-field class="ml-xs example-full-width" *ngIf="detail.get(any_other_asset_loan).value == 'yes'"> -->
+                                                                  <mat-form-field style="width:30%" *ngIf="otherEmiamtFlag">
+                                                                      <!-- <mat-form-field class="ml-xs example-full-width"> -->
+                                                                      <input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
+                                                                      <!-- <span matSuffix>.00</span> -->
+                                                                  </mat-form-field>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        <!-- </div> -->
+                                                      </div>
+                                                    </div>
+                                                    <!--Desction Dynamic details : END -->
+                                                    <!--<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">-->
+                                                        <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                            <mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 4" style="width:30%">
+                                                                <input matInput placeholder="Approximate Market Value" formControlName="approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
+                                                            </mat-form-field>
+                                                          
+                                                            <mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:30%">
+                                                                    <mat-select placeholder="Name of the Owner" formControlName="name_of_the_owner" >    
+                                                                        <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
+                                                                    </mat-select>
+                                                            </mat-form-field>
+
+                                                            <mat-form-field  *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''" style="width:30%">
+                                                                <input matInput placeholder="Specify Owner Name"
+                                                                      formControlName="other_owner" autocomplete="off">
+                                                            </mat-form-field>
+<!-- check -->
+                                                            <mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:30%">
+                                                                <mat-select placeholder="Relation" formControlName="relation" >
+                                                                    <mat-option value="{{relations.relationship_id}}"
+                                                                                *ngFor="let relations of m_relation">
+                                                                        {{relations.name}}
+                                                                    </mat-option>
+                                                                </mat-select>
+                                                            </mat-form-field>
+                                                        </div>
+                                                      
+                                                        <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                          <!-- <div fxFlex="33"> -->
+                                                            <mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:95%">
+                                                              <mat-select placeholder="Is there a loan existing against this asset?" formControlName="emi">
+                                                                <mat-option value="yes">Yes</mat-option>
+                                                                <mat-option value="no">No</mat-option>
+                                                              </mat-select>
+                                                            </mat-form-field>
+                                                          <!-- </div> -->
+                                                          <!-- <div  fxFlex="33"> -->
+                                                            <mat-form-field *ngIf="sup.get('emi').value === 'yes'"  style="width:95%">
+                                                              <input matInput placeholder="Amount of EMI on This Loan?" formControlName="emi_paid" (keypress)="keyPress($event)" autocomplete="off">
+                                                            </mat-form-field>
+                                                          <!-- </div> -->
+                                                          <!-- <div  fxFlex="33"> -->
+                                                            <mat-form-field *ngIf="sup.get('emi').value === 'yes'"  style="width:30%">
+                                                              <input matInput placeholder="Original Loan Tenure in Months" formControlName="original_loan_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
+                                                            </mat-form-field>
+                                                          <!-- </div> -->
+                                                          <!-- <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33"  > -->
+                                                            <mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:30%">
+                                                              <input matInput placeholder="Balance Tenure in Months" formControlName="balance_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
+                                                            </mat-form-field>
+                                                          <!-- </div> -->
+                                                          <!-- <div  fxFlex="33"  style="width:95%"> -->
+                                                            <mat-form-field *ngIf="sup.get('emi').value === 'yes' && sup.get('original_loan_tenure').value != ''  && sup.get('balance_tenure').value != '' " style="width:30%">
+                                                              <input matInput placeholder="Elapsed Tenure in Months" formControlName="elapsed_tenure" autocomplete="off">
+                                                            </mat-form-field>
+                                                              <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
+                                                          <!-- </div> -->
+                                                        </div>
+                                                  </div>
+                                                    <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
+                                                      <div fxFlex="20">
+                                                        <span *ngIf="_assetsQuesFrom.controls.assets_details.controls.length > 1" (click)="removeAssetsDetails(i,1)"> 
+                                                            <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
+                                                          </span>
+                                                      </div>
+                                                    </div>
+                                                  <!-- </div> -->
+                                                </mat-card-content>
+                                              </mat-card>
+                                            </div>
+                                          </div>
+                                        </div>
+                            
+                                          <div class="row" style="text-align:right;">
+                                            <button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Asset Details" matTooltipPosition="above"
+                                              class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,1); false"><mat-icon>add</mat-icon></button>
+                                          </div>
+                          
+                                    </mat-card-content>
+
+
+
+                                  </mat-card>
                                 </div>
-                                <div>
-                                  <mat-form-field class="ml-xs example-full-width">
-                                      <mat-select placeholder="Relation" formControlName="relation" >
-                                          <mat-option value="{{relations.relationship_id}}"
-                                                      *ngFor="let relations of m_relation">
-                                              {{relations.name}}
-                                          </mat-option>
-                                      </mat-select>
-                                  </mat-form-field>
-                                 </div><!---- -->
-                              <!-- <mat-form-field class="ml-xs example-full-width"> -->
-                                    <!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
-                                <!-- </mat-form-field> -->
-                                <mat-form-field class="ml-xs example-full-width">
-                                      <mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,1)">
-                                          <mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{d.viewValue}}</mat-option>
-                                      </mat-select>
-                                      <!-- <input matInput placeholder="What is the EMI amount ?" formControlName="any_other_asset_loan" autocomplete="off"> -->
-                                </mat-form-field>
-                                <!-- <mat-form-field class="ml-xs example-full-width" *ngIf="detail.get(any_other_asset_loan).value == 'yes'"> -->
-                                <mat-form-field class="ml-xs example-full-width" *ngIf="otherEmiamtFlag">
-                                    <!-- <mat-form-field class="ml-xs example-full-width"> -->
-                                    <input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
-                                    <!-- <span matSuffix>.00</span> -->
-                                </mat-form-field>
-                            </div>
-                          </div>
                         </div>
-                      </div>
-                    </div>
-                  </div>
-                  <!--Desction Dynamic details : END -->
-                  <!--<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">-->
-                    <div *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 4">
-                      <div fxFlex="33">
-                        <mat-form-field class="ml-xs example-full-width">
-                          <input matInput placeholder="Approximate Market Value" formControlName="approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
-                        </mat-form-field>
-                      </div>
-                    </div>
-                    <div *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5">
-
-                      <!-- <div fxFlex="33">
-                        <mat-form-field class="ml-xs example-full-width">
-                          <input matInput placeholder="Name of the Owner" formControlName="name_of_the_owner" autocomplete="off">
-                        </mat-form-field>
-                      </div> -->
-                      <div fxFlex="33">
-                      <mat-form-field class="ml-xs example-full-width">
-                          <mat-select placeholder="Name of the Owner"
-                          formControlName="name_of_the_owner" >
-                              
-                              <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
-                              
-                          </mat-select>
-                      </mat-form-field>
-                    </div>
-                      <div fxFlex="33" *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''">
-                      <mat-form-field class="ml-xs example-full-width" >
-                          <input matInput placeholder="Specify Other Owner Name"
-                                 formControlName="other_owner" autocomplete="off">
-                      </mat-form-field>
-                    </div>
-                    <div fxFlex="33">
-                      <mat-form-field class="ml-xs example-full-width">
-                          <mat-select placeholder="Relation" formControlName="relation" >
-                              <mat-option value="{{relations.relationship_id}}"
-                                          *ngFor="let relations of m_relation">
-                                  {{relations.name}}
-                              </mat-option>
-                          </mat-select>
-                      </mat-form-field>
-                     </div>
-                    </div>
-                  <!--</div>-->
-                <!----  <div *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 5">
-                    <label>Year and Month of Purchase?</label>
-                    <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
-                      <mat-form-field>
-                        <input matInput type="number" placeholder="Year" formControlName="purchase_year">
-                      </mat-form-field>
-                      <mat-form-field>
-                        <input matInput type="number" placeholder="Month" formControlName="purchase_month">
-                      </mat-form-field>
-                    </div>
-                  </div>-->
-                  <div *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5">
-                    <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                      <div fxFlex="33">
-                        <mat-form-field class="ml-xs example-full-width" style="width:95%">
-                          <mat-select placeholder="Is there a loan existing against this asset?" formControlName="emi">
-                            <mat-option value="yes">Yes</mat-option>
-                            <mat-option value="no">No</mat-option>
-                          </mat-select>
-                        </mat-form-field>
-                      </div>
-                      <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33">
-                        <mat-form-field class="ml-xs example-full-width"  style="width:95%">
-                          <input matInput placeholder="Amount of EMI on This Loan?" formControlName="emi_paid" (keypress)="keyPress($event)" autocomplete="off">
-                        </mat-form-field>
-                      </div>
-                      <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33">
-                        <mat-form-field class="ml-xs example-full-width"  style="width:95%">
-                          <input matInput placeholder="Original Loan Tenure in Months" formControlName="original_loan_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
-                        </mat-form-field>
-                      </div>
-                      <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33"  style="width:95%">
-                        <mat-form-field class="ml-xs example-full-width">
-                          <input matInput placeholder="Balance Tenure in Months" formControlName="balance_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
-                        </mat-form-field>
-                      </div>
-                      <div *ngIf="sup.get('emi').value === 'yes' && sup.get('original_loan_tenure').value != ''  && sup.get('balance_tenure').value != '' " fxFlex="33"  style="width:95%">
-                        <mat-form-field class="ml-xs example-full-width">
-                          <input matInput placeholder="Elapsed Tenure in Months" formControlName="elapsed_tenure" autocomplete="off">
-                        </mat-form-field>
-                          <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
-                      </div>
-                      </div>
-                  </div>
-                  <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
-                    <div fxFlex="20">
-                      <span *ngIf="_assetsQuesFrom.controls.assets_details.controls.length > 1" (click)="removeAssetsDetails(i,1)"> 
-                           <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
-                         </span>
-                    </div>
-                  </div>
-                </div>
-              </mat-card-content>
-            </mat-card>
-          </div>
-        </div>
-      </div>
-      
-      <div class="row" style="text-align:right;">
-        <button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Asset Details" matTooltipPosition="above"
-          class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,1); false"><mat-icon>add</mat-icon></button>
-      </div>
-    
-  </mat-card-content>
-
-
-
-</mat-card>
-</div>
-</div>
-</ng-template>
+                  </ng-template>
               </mat-tab>
-            <mat-tab label="Docs">
+              <mat-tab label="Docs">
                 <ng-template matTabContent>
                     <div ngxViewer>
                             <div fxLayout="row wrap" style="padding:20px;">
@@ -762,7 +708,7 @@
                                           </div>   
                                           </div>                       
                       </ng-template>
-                </mat-tab>        
+              </mat-tab>        
         </mat-tab-group>
 </mat-dialog-content>
 <mat-dialog-actions>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.scss
index 8acfd1d59..adab2065d 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.scss
@@ -11,7 +11,7 @@
   
     mat-form-field {
       margin: 0 2%;
-    }
+    } 
     $base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important;
   $product-bg-color-hover: rgba(103, 58, 183, 0.7);
   .p-list-main {
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
index f1cd2ec9d..c2cc2647a 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
@@ -507,6 +507,7 @@ public m_investmentType = [];
       //insurance_type: [''],
       premium_paid: [''],
       frequency_mode: [''],
+      other_frequency_mode:[''],
       sum_assured: [''],
       members_coverd: ['']
     });
@@ -582,6 +583,7 @@ public m_investmentType = [];
       //insurance_type: [data.insurance_type],
       premium_paid: [data.premium_paid],
       frequency_mode: [data.frequency_mode],
+      other_frequency_mode:[data.other_frequency_mode],
       sum_assured: [data.sum_assured],
       members_coverd: [data.members_coverd]
     });
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
index 80a3a679a..77e17bc98 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
@@ -289,8 +289,8 @@ validateAllFormFields(formGroup: any) {
 
  /**  To Convert Month into Year */
  ConvertMonthintoYear(itemrow,e){
-  console.log(itemrow);
-  console.log(e);
+  // console.log(itemrow);
+  // console.log(e);
   let year = itemrow.controls.year_relation_applicant.value;
   
   let converted_month : number = e%12;