{{#if this.driver}}
    <div class="relative flex items-center" ...attributes>
        <img src={{this.driver.photo_url}} alt={{this.driver.name}} {{fallback-img-src (config 'defaultValues.driverImage')}} class="w-5 h-5 mr-2 rounded-md" />
        <a href="javascript:;" class="relative block" {{on "click" (fn this.onClick this.driver)}}>
            <span>{{get-default-value this.driver.name}}</span>
        </a>
        <FaIcon @icon="circle" @size="2xs" class="absolute left-0 top-0 -mt-1 -ml-1 {{if this.driver.online "text-green-500" "text-yellow-200"}}" />
    </div>
{{else}}
    <div class="flex items-center">
        <span>No driver assigned</span>
    </div>
{{/if}}