<mat-card class="cardWithShadow">
    <mat-card-content class="p-y-24">
        <mat-card-title>Upcoming Schedules</mat-card-title>

        <div class="timeline m-t-24">
            @for(stat of stats2; track stat.subtext) {
            <div class="timeline-item d-flex overflow-hidden">
                <div class="time text-right mat-body-1">{{ stat.time }}</div>
                <div class="point d-flex align-items-center">
                    <span class="timeline-badge border-{{ stat.color }} m-y-8"></span>
                    <span class="timline-border d-block"></span>
                </div>
                <div class="desc">
                    @if(stat.subtext) {
                    <span class="mat-body-1 lh-20">{{ stat.subtext }}</span>
                    }

                    @if(stat.title) {
                    <span class="mat-body-1 lh-20 f-w-600 d-block">{{
                        stat.title
                        }}</span>
                    }

                    @if(stat.link) {
                    <a href="#" class="text-primary text-decoration-none mat-body-1">#ML-3467</a>
                    }
                </div>
            </div>
            }
        </div>
    </mat-card-content>
</mat-card>