{% if event.type == 'Raceday' %}
{% set hovercard =
path('raceday_hovercard', { racedayId: event.object.id, '_locale': app.request.locale })
%}
{% set href = path('network_raceday_detail', { id: event.object.id, slug: event.object.slug }) %}
{% elseif event.type == 'Auction' %}
{% set hovercard =
path('auction_hovercard', { auctionId: event.object.id, locale: app.request.locale })
%}
{% set href = path('network_auction_detail', { id: event.object.id, slug: event.object.slug }) %}
{% elseif event.type == 'Race' and event.object.racingtrack %}
{% set hovercard =
path('race_hovercard', { raceId: event.object.id, '_locale': app.request.locale })
%}
{% set href = path('network_race_detail', { id: event.object.id, slug: event.object.slug }) %}
{% endif %}
{% if hovercard is defined %}
<a class="relative block px-4 py-1 text-xs font-bold text-white bg-primary-400"
href="{{ href }}"
target="_top"
style="background-color: {{ event.color }}"
data-controller="hovercard"
data-hovercard-url-value="{{ hovercard }}"
data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
<span class="block truncate">{{ event.title }}</span>
</a>
{% else %}
<a class="px-4 py-1 text-xs font-bold text-white bg-primary-400"
style="background-color: {{ event.color }}"
href="{{ href }}"
target="_top">
<span class="block truncate">{{ event.title }}</span>
</a>
{% endif %}