<div class="horizontal-route-scroller">
    <div class="horizontal-route-scroller--scollbar">
        {{#if (has-block)}}
            {{#each this.locations as |location|}}
                {{#let (eq location.uuid this.destination.uuid) as |isDestination|}}
                    {{yield location isDestination}}
                {{/let}}
            {{/each}}
        {{else}}
            {{#each this.locations as |location|}}
                <div>
                    <div class="horizontal-route {{if (eq location.uuid this.destination.uuid) 'is-destination'}}">
                        <div class="notch">
                            {{#if (eq location.uuid this.destination.uuid)}}
                                <Attach::Tooltip @class="clean" @animation="scale" @placement="top" @showOn="mouseenter focus">
                                    <InputInfo
                                        @text={{t "fleet-ops.common.destination"}}
                                        @iconClass="text-green-400"
                                        class="flex items-center"
                                        @spanClass="flex items-start justify-start text-left ml-1"
                                    />
                                </Attach::Tooltip>
                            {{/if}}
                        </div>
                        <div class="place mx-4">
                            <div class="rounded-md shadow-sm text-xs font-semibold border border-gray-900 dark:bg-gray-900 truncate w-24 p-1 cursor-help">
                                <span>{{location.street1}}</span>
                                <Attach::Tooltip @class="clean" @animation="scale" @placement="top" @showOn="mouseenter focus">
                                    <InputInfo @text={{location.address}} class="flex items-center" @spanClass="flex items-start justify-start text-left text-xs ml-1 truncate block" />
                                </Attach::Tooltip>
                            </div>
                        </div>
                    </div>
                </div>
            {{/each}}
        {{/if}}
    </div>
</div>