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