<div class="k-leg">
    <section-number [number]="crossIndex"></section-number>

    <operator-logo-and-model [flight]="flight"></operator-logo-and-model>

    <time-group-legacy
        [times]="leg.departure.times.latest"
        [baseline]="leg.departure.times.scheduled"
    ></time-group-legacy>

    <station
        [station]="$any(leg.departure)"
        [oldStation]="$any(departureStationForTerminalChange)"
    ></station>

    <div class="k-leg-status">
        <flight-status-icon [status]="leg.status"></flight-status-icon>
        <div class="description">
            {{ 'FLIGHT-STATUSES.' + leg.status | translate }}
        </div>
    </div>

    <time-group-legacy
        class="right-layout arrival-time"
        [times]="leg.arrival.times.latest"
        [baseline]="leg.arrival.times.scheduled"
    ></time-group-legacy>

    <station
        [station]="$any(leg.arrival)"
        [oldStation]="$any(arrivalStationForTerminalChange)"
        align="mobile-right"
    ></station>
</div>
<!--removed box because of 7996-->
<code-sharing [leg]="leg" *ngIf="leg.hasCodesharing"></code-sharing>
