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

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

        <property description="{{ 'SHARED.LANDING-TRANSFER' | translate }}" *ngIf="departure.dispatch">
            {{ 'DISPATCH.' + departure.dispatch | translate }}
        </property>

        <property description="{{ 'SHARED.NUMBER-EXIT' | translate }}" *ngIf="departure.gate">
            {{ departure.gate | translate }}
        </property>

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