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

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

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

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

        <property description="{{ 'SHARED.BAGBELT' | translate }}" *ngIf="arrival.bagBelt">
            {{ arrival.bagBelt }}
        </property>

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