<section class="trips-list">
  <h2>Reisen</h2>

  <ul>
    @for (trip of trips(); track trip.id) {
      <li><a [routerLink]="['/trips', trip.id]">{{ trip.name }}</a></li>
    }
  </ul>

  <form (ngSubmit)="createTrip()">
    <input type="text" [ngModel]="newTripName()" (ngModelChange)="newTripName.set($event)" name="tripName" placeholder="Neue Reise" />
    <button type="submit">Reise erstellen</button>
  </form>
</section>
