| <div class="page-space mat-elevation-z2"> |
| <p> |
| <a [routerLink]="['/navbar/accounting']">Accounting</a> |
| <span class="current-page">/ Add Journal Entry</span> |
| </p> |
| <div class="main-div mat-elevation-z2"> |
| <h3 class="heading">Add Journal Entry</h3> |
| <mat-divider></mat-divider> |
| <form class="fineract-form"> |
| <mat-form-field> |
| <input matInput [matDatepicker]="picker" placeholder="Transaction date"> |
| <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> |
| <mat-datepicker #picker></mat-datepicker> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Transaction Type"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Note(optional)"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field class="input"> |
| <textarea matInput placeholder="Leave a comment"></textarea> |
| </mat-form-field> |
| </form> |
| <div> |
| <span><b>Affected Accounts</b></span> |
| <br/> |
| <mat-card class="debit-card"> |
| <span>Debit</span> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Account"> |
| </mat-form-field> |
| <mat-form-field> |
| <input matInput placeholder="Amount"> |
| </mat-form-field> |
| <button mat-icon-button color="warn"><mat-icon>clear</mat-icon></button> |
| <br/> |
| <button mat-raised-button class="button" color="primary">Add Debit</button> |
| </mat-card> |
| <mat-card class="credit-card"> |
| <span>Credit</span> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Account"> |
| </mat-form-field> |
| <mat-form-field> |
| <input matInput placeholder="Amount"> |
| </mat-form-field> |
| <button mat-icon-button color="warn"><mat-icon>clear</mat-icon></button> |
| <br/> |
| <button mat-raised-button class="button" color="primary">Add Credit</button> |
| </mat-card> |
| </div> |
| </div> |
| </div> |