<p>hotel-form works!</p>
<h1>{{errorMsg}}</h1>
<form [formGroup]="hotelForm">
  <label for="name">Name</label>
  <div class="text-red" *ngIf="errorMessages['name']">{{ errorMessages['name'] }}</div>
  <input type="text" class="border-red-500" id="name" formControlName="name">
  <label for="description">Description</label>
  <div class="text-red" *ngIf="errorMessages['description']">{{ errorMessages['description'] }}</div>
  <input type="text" class="border-red-500" [class.border-8]='hotelForm.get("description")?.invalid' id="description"
    formControlName="description">
  <label for="price">Price</label>
  <div class="text-red" *ngIf="errorMessages['price']">{{ errorMessages['price'] }}</div>
  <input type="number" class="border-red-500"
    [class.border-8]='hotelForm.get("price")?.invalid && hotelForm.get("price")?.touched' id="price"
    formControlName="price">
  <button (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
  <a routerLink="/">Cancel</a>
</form>
