<ng-container [ngSwitch]="changeType">
    <ng-container *ngSwitchCase="'noChange'">
        <station
            [station]="from"
            [withOldCity]="true"
            [oldStation]="$any(stationForTerminalChange)"
            size="medium"
            align="center"
        ></station>
    </ng-container>

    <ng-container *ngSwitchCase="'city'">
        <div class="_row">
            <station size="medium" [station]="from"></station>
            <span class="arrow">&#10132;</span>
            <station size="medium" [station]="to"></station>
        </div>
    </ng-container>

    <ng-container *ngSwitchDefault>
        <div
            class="city"
            pTooltip="{{ from?.latest.city }}"
            tooltipStyleClass="afl-tooltip"
            tooltipPosition="top"
        >
            {{ from?.latest.city }}
        </div>
        <div class="_row">
            <terminal-link [station]="from"></terminal-link>
            <span class="arrow">&#10132;</span>
            <terminal-link [station]="to"></terminal-link>
        </div>
    </ng-container>
</ng-container>
