<div class="flight-card-wrapper">
    <div class="flight-card">
        <div class="flight-card__flight-number">
            {{ flight | flightNumber }}
        </div>
        <div class="flight-card__content">
            <time-group-legacy
                [times]="departure.times.latest || departure.times.scheduled"
                [hasDate]="true"
                class="mini-list right-layout"
            ></time-group-legacy>

            <flight-status-icon
                [status]="flight.status"
                [isSchedule]="isSchedule"
            ></flight-status-icon>

            <time-group-legacy
                [times]="arrival.times.latest || arrival.times.scheduled"
                [hasDate]="true"
                class="mini-list day-change-left"
            ></time-group-legacy>

            <station [station]="$any(departure)"></station>
            <station [station]="$any(arrival)" align="right"></station>
        </div>
    </div>
</div>
