<flight-props *ngIf="registration">
    <ng-container caption>
        <svg class="svg--details__body">
            <use xlink:href="/assets/img/sprite.svg#service" />
        </svg>
        <property description="{{ 'SHARED.REGISTRATION' | translate }}">
            <div [class]="'boarding-status-' + registration.status">
                {{ 'BOARDING-STATUSES.' + registration.status | translate }}
            </div>
        </property>
    </ng-container>
    <ng-container body>
        <time-group-legacy
            [times]="transition.registration.start"
            description="{{ 'SHARED.TIME-START' | translate }}"
            [hasDate]="true"
        ></time-group-legacy>

        <time-group-legacy
            [times]="transition.registration.end"
            description="{{ 'SHARED.TIME-END' | translate }}"
            [hasDate]="true"
        ></time-group-legacy>

        <time-note *ngIf="hasTimeNote"></time-note>
    </ng-container>
</flight-props>
