{% do section_navigation_add({ name: 'timeline', anchor: 'timeline' }) %}
<turbo-frame id="tab_content">
<div class="grid gap-12 xl:grid-cols-12">
<section class="xl:col-span-7 col-span-full" id="timeline">
<turbo-frame id="frame-timeline"
src="{{ path('timeline_universal_frame', { _locale: app.request.locale, id: horse.id }) }}">
{% include 'network/profile/timeline/card_skeleton.html.twig' %}
</turbo-frame>
</section>
<aside class="flex flex-col gap-5 col-span-full xl:col-span-5">
<div class="sticky top-32">
{% embed 'network/widget/widget_sidebar.html.twig' %}
{% block widgets %}
{% include 'network/horse/widgets/horse_widget_data.html.twig' with {
horse: horse
} only %}
{% include 'network/widget/widget_separator.html.twig' %}
{% include 'network/horse/widgets/horse_widget_profile.html.twig' with {
title: 'owner',
icon: 'subprofile-owner',
profile: horse.owner
} only %}
{% include 'network/horse/widgets/horse_widget_profile.html.twig' with {
title: 'breeder',
icon: 'subprofile-breeder',
profile: horse.breeder
} only %}
{% include 'network/horse/widgets/horse_widget_profile.html.twig' with {
title: 'trainer',
icon: 'subprofile-trainer',
profile: horse.trainer
} only %}
{% include 'network/horse/widgets/horse_widget_profile.html.twig' with {
title: 'racingmanager',
icon: 'subprofile-racingmanager',
profile: horse.racingmanager
} only %}
{% include 'network/widget/widget_separator.html.twig' %}
{% include 'network/horse/widgets/horse_widget_press.html.twig' with {
horse: horse
} only %}
{% endblock %}
{% endembed %}
</div>
</aside>
</div>
<turbo-stream action="replace" target="tab_navigation">
<template>
{% include 'network/horse/components/tab_navigation_component.html.twig' with {
horse: horse,
highlightedTab: app.request.pathInfo
} %}
</template>
</turbo-stream>
</turbo-frame>