<div class="px-4 py-2">
    <div class="flex flex-1 flex-row items-start justify-between">
        <div class="flex flex-row space-x-3">
            <div class="flex items-start justify-start rounded-full">
                <Image
                    src={{@resource.photo_url}}
                    @fallbackSrc={{config "defaultValues.driverImage"}}
                    alt={{@resource.displayName}}
                    height="48"
                    width="48"
                    class="h-14 w-14 rounded-full shadow-sm"
                />
                <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
                    <InputInfo @text={{@resource.displayName}} />
                </Attach::Tooltip>
            </div>
            <div class="flex flex-col">
                <h1 class="text-gray-900 dark:text-white font-semibold text-2xl">{{@resource.displayName}}</h1>
                <div class="-mt-1">
                    {{#if @resource.driver}}
                        <div class="flex flex-row items-center">
                            <a href="javascript:;" class="text-sm dark:text-blue-400 text-blue-600 hover:opacity-50">{{@resource.driver.name}}</a>
                        </div>
                    {{else}}
                        <div class="flex flex-row items-center">
                            <span class="text-sm dark:text-gray-500 text-gray-700 mr-3">{{t "common.no-driver-assigned"}}</span>
                            {{!-- <Button @icon="plus" @size="xs" @helpText={{t "vehicle.actions.assign-driver"}} /> --}}
                        </div>
                    {{/if}}
                </div>
                <Badge @status={{if @resource.online "online" "offline"}}>{{if @resource.online "Online" "Offline"}}</Badge>
            </div>
        </div>
        <div class="next-view-header-right">
            <Layout::Resource::Panel::HeaderActions
                @resource={{@resource}}
                @saveTask={{@saveTask}}
                @saveOptions={{@saveOptions}}
                @saveDisabled={{@saveDisabled}}
                @pojoResource={{@pojoResource}}
                @authSchema={{@authSchema}}
                @actionButtons={{@actionButtons}}
                @onPressCancel={{@onPressCancel}}
            >
                {{yield}}
            </Layout::Resource::Panel::HeaderActions>
        </div>
    </div>
</div>