Section

bookie/src/app/tables/table-detail/table-detail.component.html

@@ -23,8 +23,12 @@
              fxLayoutGap.lt-md="0px">
           <mat-form-field fxFlex>
             <mat-label>Section</mat-label>
-            <input matInput placeholder="Section" formControlName="section">
-          </mat-form-field>
+            <mat-select placeholder="Section" formControlName="section">
+              <mat-option *ngFor="let s of sections" [value]="s.id">
+                {{ s.name }}
+               </mat-option>
+             </mat-select>
+           </mat-form-field>
         </div>
         <div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
              fxLayoutGap.lt-md="0px">