From eea79d763e5a37a9aac1f82793b23fca65ba99ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Alberto=20Hern=C3=A1ndez?=
 <44206706+josehernandezfintecheandomx@users.noreply.github.com>
Date: Wed, 28 Jun 2023 23:48:52 -0600
Subject: [PATCH] Loan product with due and overdue days notification to be
 sent (#1775)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
---
 .../loan-product-preview-step.component.html     | 12 ++++++++++++
 .../loan-product-settings-step.component.html    | 16 ++++++++++++++++
 .../loan-product-settings-step.component.ts      |  6 +++++-
 .../general-tab/general-tab.component.html       | 12 ++++++++++++
 4 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-preview-step/loan-product-preview-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-preview-step/loan-product-preview-step.component.html
index 9b6943d68..6ef69df95 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-preview-step/loan-product-preview-step.component.html
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-preview-step/loan-product-preview-step.component.html
@@ -473,6 +473,18 @@
     <span fxFlex="60%">{{ loanProduct.disallowExpectedDisbursements ? 'Yes' : 'No' }}</span>
   </div>
 
+  <h3 class="mat-h3" fxFlexFill>Event Settings</h3>
+
+  <div fxFlexFill>
+    <span fxFlex="40%">Due days for repayment event:</span>
+    <span fxFlex="60%">{{ loanProduct.dueDaysForRepaymentEvent | number }}</span>
+  </div>
+
+  <div fxFlexFill>
+    <span fxFlex="40%">OverDue days for repayment event:</span>
+    <span fxFlex="60%">{{ loanProduct.overDueDaysForRepaymentEvent | number }}</span>
+  </div>
+
   <h3 class="mat-h3" fxFlexFill>Configurable Terms and Settings</h3>
 
   <mat-divider fxFlexFill></mat-divider>
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.html
index 14bb8fb3b..f4ba759d0 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.html
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.html
@@ -416,6 +416,22 @@
 
     <mat-divider fxFlex="98%"></mat-divider>
 
+    <h3 fxFlex="23%" class="mat-h3">Event Settings</h3>
+    <div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
+
+      <mat-form-field fxFlex="48%">
+        <mat-label>Due days for repayment event</mat-label>
+        <input type="number" matInput matTooltip="Specific days when repayment due notification should be sent." formControlName="dueDaysForRepaymentEvent" [min]="0">
+      </mat-form-field>
+
+      <mat-form-field fxFlex="48%">
+        <mat-label>OverDue days for repayment event</mat-label>
+        <input type="number" matInput matTooltip="Specific days when repayment Overdue notification should be sent." formControlName="overDueDaysForRepaymentEvent" [min]="0">
+      </mat-form-field>
+    </div>
+
+    <mat-divider fxFlex="98%"></mat-divider>
+
     <h3 fxFlex="23%" class="mat-h3">Configurable Terms and Settings</h3>
 
     <mat-checkbox fxFlex="73%" labelPosition="before" formControlName="allowAttributeConfiguration" class="margin-b">
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.ts
index a65656bcd..a054b8eeb 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.ts
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.ts
@@ -86,6 +86,8 @@ export class LoanProductSettingsStepComponent implements OnInit {
       'multiDisburseLoan': this.loanProductsTemplate.multiDisburseLoan,
       'maxTrancheCount': this.loanProductsTemplate.maxTrancheCount,
       'outstandingLoanBalance': this.loanProductsTemplate.outstandingLoanBalance,
+      'dueDaysForRepaymentEvent': this.loanProductsTemplate.dueDaysForRepaymentEvent,
+      'overDueDaysForRepaymentEvent': this.loanProductsTemplate.overDueDaysForRepaymentEvent,
     });
 
     if (this.loanProductsTemplate.delinquencyBucket) {
@@ -181,7 +183,9 @@ export class LoanProductSettingsStepComponent implements OnInit {
         'graceOnPrincipalAndInterestPayment': [true],
         'graceOnArrearsAgeing': [true]
       }),
-      'delinquencyBucketId': ['', Validators.required]
+      'delinquencyBucketId': ['', Validators.required],
+      'dueDaysForRepaymentEvent': [''],
+      'overDueDaysForRepaymentEvent': ['']
     });
   }
 
diff --git a/src/app/products/loan-products/view-loan-product/general-tab/general-tab.component.html b/src/app/products/loan-products/view-loan-product/general-tab/general-tab.component.html
index 9c8dbaf40..4c56af48a 100644
--- a/src/app/products/loan-products/view-loan-product/general-tab/general-tab.component.html
+++ b/src/app/products/loan-products/view-loan-product/general-tab/general-tab.component.html
@@ -506,6 +506,18 @@
     </div>
   </div>
 
+  <h3 class="mat-h3" fxFlexFill>Event Settings</h3>
+
+  <div fxFlexFill>
+    <span fxFlex="40%">Due days for repayment event:</span>
+    <span fxFlex="60%">{{ loanProduct.dueDaysForRepaymentEvent | number }}</span>
+  </div>
+
+  <div fxFlexFill>
+    <span fxFlex="40%">OverDue days for repayment event:</span>
+    <span fxFlex="60%">{{ loanProduct.overDueDaysForRepaymentEvent | number }}</span>
+  </div>
+
   <h3 class="mat-h3" fxFlexFill>Configurable Terms and Settings</h3>
 
   <mat-divider [inset]="true"></mat-divider>