{{#let (or @activity @resource.tracking_statuses) as |activity|}}
    {{#if activity.length}}
        <Timeline @activity={{activity}} @arrowClass="bg-gray-600 border border-gray-900 shadow-md" as |TimelineItem|>
            <TimelineItem @activeStatus={{@resource.status}} as |trackingStatus|>
                <div class="flex flex-col px-3 py-2 rounded text-sm leading-4 space-y-2 bg-gray-100 dark:bg-gray-900 dark:text-white">
                    <div class="flex flex-col space-y-1">
                        <div class="text-xs font-semibold truncate">{{trackingStatus.status}}</div>
                        <div class="text-xs truncate">{{n-a trackingStatus.details}}</div>
                        <div class="text-xs">{{format-date-fns trackingStatus.created_at "d MMM HH:mm"}}</div>
                    </div>
                    <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
                        <InputInfo>
                            <div class="text-xs">{{or trackingStatus.details trackingStatus.status}}</div>
                            <div class="text-xs">{{format-date-fns trackingStatus.created_at "d MMM yyyy HH:mm"}}</div>
                        </InputInfo>
                    </Attach::Tooltip>
                </div>
            </TimelineItem>
        </Timeline>
    {{else}}
        <div class="min-h-24 p-4">
            <div class="flex items-center justify-center border border-dashed border-gray-300 dark:border-gray-600 p-6 rounded-xl bg-gray-50 dark:bg-gray-800">
                <div class="text-center">
                    <FaIcon @icon="layer-group" @size="2x" class="text-gray-400 mb-2" />
                    <div class="text-sm text-gray-600 dark:text-gray-400 font-medium">
                        No order activity
                    </div>
                    <div class="text-xs text-gray-500 dark:text-gray-500 mt-1">
                        Dispatch or update the order to create activity
                    </div>
                </div>
            </div>
        </div>
    {{/if}}
{{/let}}