85 lines
3.4 KiB
HTML
85 lines
3.4 KiB
HTML
<!--
|
|
Copyright since 2025 Mifos Initiative
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<div class="aad-rcpt">
|
|
<div class="aad-rcpt__header">
|
|
<mat-icon class="aad-rcpt__header-icon">receipt_long</mat-icon>
|
|
<div>
|
|
<div class="aad-rcpt__title">Aadhaar Enrolment Receipt</div>
|
|
<div class="aad-rcpt__subtitle">{{ data.clientName || 'Client' }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<mat-dialog-content class="aad-rcpt__body">
|
|
<div class="aad-rcpt__reason">
|
|
<mat-icon>info</mat-icon>
|
|
<span>{{ data.reason }}</span>
|
|
</div>
|
|
|
|
<p class="aad-rcpt__intro">
|
|
For a customer who has applied for Aadhaar but has not been issued one yet, there is no Aadhaar number to run the
|
|
OTP check against. Record the UIDAI enrolment slip instead — the client can then be created without an Aadhaar KYC
|
|
exception being raised.
|
|
</p>
|
|
|
|
<mat-form-field appearance="outline" class="aad-rcpt__field">
|
|
<mat-label>Enrolment number (EID)</mat-label>
|
|
<span matPrefix class="aad-rcpt__prefix"><mat-icon>confirmation_number</mat-icon></span>
|
|
<input matInput [(ngModel)]="enrolmentId" placeholder="1234/56789/01234" maxlength="20" autocomplete="off" />
|
|
<mat-hint [class.aad-rcpt__hint--bad]="enrolmentIdEntered && !enrolmentIdValid">
|
|
{{ enrolmentIdHint }}
|
|
</mat-hint>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="outline" class="aad-rcpt__field">
|
|
<mat-label>Enrolment date</mat-label>
|
|
<input matInput [matDatepicker]="enrolPicker" [max]="today" [(ngModel)]="enrolmentDate" />
|
|
<mat-datepicker-toggle matSuffix [for]="enrolPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #enrolPicker></mat-datepicker>
|
|
<mat-hint>Date printed on the slip</mat-hint>
|
|
</mat-form-field>
|
|
|
|
@if (monthsSinceEnrolment !== null) {
|
|
<div class="aad-rcpt__age" [class.aad-rcpt__age--stale]="receiptIsStale">
|
|
<mat-icon>{{ receiptIsStale ? 'warning' : 'schedule' }}</mat-icon>
|
|
<span>
|
|
@if (receiptIsStale) {
|
|
Enrolled {{ monthsSinceEnrolment }} months ago. An enrolment normally completes well inside six months —
|
|
chase the customer for the Aadhaar itself. The receipt can still be recorded.
|
|
} @else {
|
|
Enrolled {{ monthsSinceEnrolment }} month{{ monthsSinceEnrolment === 1 ? '' : 's' }} ago.
|
|
}
|
|
</span>
|
|
</div>
|
|
}
|
|
|
|
<mat-form-field appearance="outline" class="aad-rcpt__remarks">
|
|
<mat-label>Remarks</mat-label>
|
|
<textarea
|
|
matInput
|
|
rows="3"
|
|
[(ngModel)]="remarks"
|
|
maxlength="500"
|
|
placeholder="What was sighted, and when the Aadhaar is expected"
|
|
></textarea>
|
|
<mat-hint>{{ remarks.length }}/500</mat-hint>
|
|
</mat-form-field>
|
|
|
|
<mat-checkbox class="aad-rcpt__sighted" [(ngModel)]="sighted">
|
|
The original UIDAI enrolment slip has been sighted and a copy filed with the account opening form.
|
|
</mat-checkbox>
|
|
</mat-dialog-content>
|
|
|
|
<mat-dialog-actions align="end" class="aad-rcpt__actions">
|
|
<button mat-stroked-button mat-dialog-close type="button">Cancel</button>
|
|
<button mat-flat-button color="primary" type="button" [disabled]="!canSubmit" (click)="submit()">
|
|
Save Receipt
|
|
</button>
|
|
</mat-dialog-actions>
|
|
</div>
|