{{define "flight_ticker"}}
{{$v := .View}}
{{$f := .Flight}}
{{$isArr := eq $f.Direction "arrival"}}
<article class="flight-ticker-item" role="listitem">
  <div class="flight-card__strip {{statusStrip $v $f.Status}}"></div>
  <div class="flex items-center gap-3 px-4 py-3 pl-5">
    <div class="min-w-0 shrink-0">
      <p class="font-display text-sm font-bold text-slate-900 dark:text-white">{{$f.FlightNumber}}</p>
      <p class="truncate text-xs text-slate-500">{{$f.Airline}}</p>
    </div>
    <p class="min-w-0 flex-1 truncate text-center text-xs font-semibold text-slate-700 dark:text-slate-200">
      {{if $isArr}}{{$f.Origin}}{{else}}BGI{{end}} → {{if $isArr}}BGI{{else}}{{$f.Destination}}{{end}}
    </p>
    <div class="shrink-0 text-right">
      <p class="text-sm font-bold text-slate-900 dark:text-white">{{$f.ScheduledTime}}</p>
      {{if $f.Gate}}<p class="text-[11px] text-slate-500">{{t $v "flights.gate"}} {{$f.Gate}}</p>{{end}}
    </div>
    <span class="{{statusBadge $v $f.Status}} shrink-0">{{statusLabel $v $f.Status}}</span>
  </div>
</article>
{{end}}