<flight-props>
    <ng-container caption>
        <svg class="svg--details__body">
            <use xlink:href="/assets/img/sprite.svg#company" />
        </svg>
        <property description="{{ 'SHARED.PLANE' | translate }}">
            <a href="{{ getPlaneLink() }}" target="_blank">{{ title }}</a>
        </property>
    </ng-container>
    <ng-container body *ngIf="viewType === ViewType.Onlineboard">
        <property name="airplane-title" description="{{ 'AIRPLANE.NAME' | translate }}" *ngIf="aircraft.name">
            {{ aircraft.name }}
        </property>

        <property name="airplane-seats" description="{{ 'AIRPLANE.SEATS-TOTAL' | translate }}" *ngIf="seats">
            {{ all }}
        </property>

        <property name="airplane-seats" description="{{ 'AIRPLANE.SEATS-ECONOMY' | translate }}" *ngIf="seats && economy">
            {{ economy }}
        </property>

        <property name="airplane-comfort" description="{{ 'AIRPLANE.SEATS-COMFORT' | translate }}" *ngIf="seats && comfort">
            {{ comfort }}
        </property>

        <property name="airplane-business" description="{{ 'AIRPLANE.SEATS-BUSINESS' | translate }}" *ngIf="seats && business">
            {{ business }}
        </property>

        <property name="airplane-previous" description="{{ 'BOARD.PREVIOUS-FLIGHT' | translate }}" *ngIf="previous">
            <ng-container *ngIf="showPrevious; else previousplain">
                <a target="_blank" [routerLink]="'/' + previousUrl" class="link">{{ previous | flightNumber }}</a>
            </ng-container>
            
            <ng-template #previousplain>{{ previous | flightNumber }}</ng-template>
        </property>
    </ng-container>
</flight-props>
