@if (userTrip) {
    <div class="spt-container">
        <div class="spt-headline d-flex justify-content-between align-items-start">
            <h2>{{ ('basic.edit') | translate }} {{ 'model.user_trip' | translate }}
                {{ userTrip.trip?.pilotageReference }} ({{ userTrip.user?.fullName }})</h2>
        </div>
    </div>
    <mat-tab-group>
        <mat-tab label="{{ 'model.user_trip' | translate }}">
            <app-user-trip-form
                [data]="userTrip"
                (submit)="onFormUpdate($event)"
            >
            </app-user-trip-form>
        </mat-tab>
        <mat-tab label="{{ 'user_trip.events' | translate }}">
            <div>
                <app-user-trip-event-list
                    [userTrip]="userTrip"
                    [showCreateButton]="true"
                >
                </app-user-trip-event-list>
            </div>
        </mat-tab>
    </mat-tab-group>
}