@php
    $top = number_format((float) data_get($event, 'top_percent', 0), 4, '.', '');
    $height = number_format((float) data_get($event, 'height_percent', 1.5), 4, '.', '');
    $classes = 'calendar-week-event calendar-week-event--' . data_get($event, 'kind') . ' calendar-event-tone--' . data_get($event, 'tone', 'tone-1');
@endphp

<button
    type="button"
    class="{{ $classes }}"
    style="top: {{ $top }}%; height: {{ $height }}%;"
    x-on:click="$dispatch('calendar-select-event', @js(data_get($event, 'detail')))"
    aria-label="{{ __('Voir :title', ['title' => data_get($event, 'title')]) }}"
>
    <strong>{{ data_get($event, 'title') }}</strong>
</button>