Feature: Added ability to change / choose pax once the table is running.

bookie/src/app/sales/bills/bills.component.html

@@ -43,7 +43,8 @@
       </ng-container>
       <ng-container matColumnDef="table-details">
         <mat-header-cell *matHeaderCellDef class="deep-purple-50 bold right-align"
-          >{{ bs.bill.table.name }} / {{ bs.bill.pax }} /
+          ><button>Table: {{ bs.bill.table.name }}</button> /
+          <button (click)="choosePax()">{{ bs.bill.pax }} Pax</button> /
           {{ bs.bill.customer?.name }}</mat-header-cell
         >
       </ng-container>

bookie/src/app/sales/bills/bills.component.ts

@@ -55,6 +55,10 @@ export class BillsComponent implements OnInit {
     if (this.bs.bill.id || this.bs.bill.customer) {
       return;
     }
+    this.choosePax();
+  }
+
+  choosePax(): void {
     const dialogRef = this.dialog.open(PaxComponent, {
       // width: '750px',
       data: this.bs.bill.pax,