@php
    $setTime($record);
    $starttime = $getStarttime();
    $color = $getColor();
@endphp
<div {{ $getExtraAttributeBag() }} class="my-auto my-auto">
    <div x-data="{ pop: 'Hallo' }">
        <template x-ref="template">
            <p x-html="pop"></p>
        </template>

        <div class="flex flex-col gap-0 text-sm {{ $color }} shadow"
            x-tooltip.html="{ content: () => 
                    $refs.template.innerHTML, 
                    placement: 'auto',
                    allowHTML: true, 
                    theme: $store.theme, 
                    class: 'tooltip',
                    appendTo: $root,
                    strategy: 'fixed',
                    interactive: false,
                    zIndex: 99999,
                    popperOptions: {
                        strategy: 'fixed',
                    },
                }">
            <div class="text-center font-bold">
                {{ $starttime->format('H:i') }}
            </div>
            <div class="text-center">
                {{ $starttime->format('d.M') }}
            </div>
        </div>
    </div>
</div>
{{-- {{ $getState() }}
    {{ $getRecord()->starttime }} --}}