angular-hotel-manager/src/app/hotel-list/hotel-list.component.html

<div class="container p-4 mx-auto max-w-4xl">
  <h1>{{ "hello" | uppercase | text }}</h1>
  <a class="submit-button" routerLink="/new">CREATE NEW HOTEL</a>
  <app-search [(input)]="search"></app-search>
  @if (hotels[0].hotelName) {
    <div *ngFor="let hotel of hotels">
      <app-hotel-item
        *ngIf="hotel.hotelName.toLowerCase().includes(search.toLowerCase())"
        [hotel]="hotel"
      ></app-hotel-item>
    </div>
  }
</div>