Settle Options are now stored in the Database and can be updated

bookie/src/app/sales/receive-payment/receive-payment.component.html

@@ -1,7 +1,7 @@
 <h2 mat-dialog-title>Receive Payment</h2>
 <mat-dialog-content>
   <form [formGroup]="form" fxLayout="column">
-    <mat-table #table [dataSource]="dataSource" formArrayName="amounts">
+    <mat-table #table [dataSource]="dataSource" formArrayName="amounts" *ngIf="this.displayTable">
       <!-- Name Column -->
       <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef class="bold">Amount</mat-header-cell>
@@ -28,9 +28,22 @@
       <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
       <mat-footer-row *matFooterRowDef="displayedColumns"></mat-footer-row>
     </mat-table>
+    <mat-form-field fxFlex *ngIf="this.displayReason">
+      <mat-label>Reason</mat-label>
+      <input
+        type="text"
+        matInput
+        #son
+        placeholder="Reason"
+        formControlName="son"
+        autocomplete="off"
+        (focus)="select(son.value) && son.select()"
+        (input)="select(son.value)"
+      />
+    </mat-form-field>
   </form>
 </mat-dialog-content>
 <mat-dialog-actions align="end">
-  <button mat-button [mat-dialog-close]="false">Cancel</button>
+  <button mat-button [mat-dialog-close]>Cancel</button>
   <button mat-button (click)="accept()" color="primary" [disabled]="!!balance">Ok</button>
 </mat-dialog-actions>