<turbo-frame id="tab_content">
{% if achievements and achievements is not empty and app.user %}
{% do section_navigation_add({ name: 'achievements-list', anchor: 'achievements-list' }) %}
<div id="achievements-list" class="p-4 bg-white shadow-xl sm:p-8 xl:p-16">
<div class="container px-4 md:px-8" id="achievements">
<h2 class="mb-3 text-lg font-medium uppercase md:text-xl font-headline md:mb-7">
<span>{{ 'successes'|trans }}</span>
</h2>
<div class="grid gap-10">
{% include 'achievements/achievement_category.html.twig' with {
categories: achievementCategories
} %}
</div>
</div>
</div>
{% elseif achievements and achievements is not empty %}
{% do section_navigation_add({ name: 'achievements-list', anchor: 'achievements-list' }) %}
<div id="achievements-list" class="p-4 bg-white shadow-xl sm:p-8 xl:p-16">
<div class="container px-4 md:px-8" id="achievements">
<h2 class="mb-3 text-lg font-medium uppercase md:text-xl font-headline md:mb-7">
<span>{{ 'successes'|trans }}</span>
</h2>
{% include 'network/profile/components/login_required_hint.html.twig' %}
</div>
</div>
{% else %}
<div class="container p-4 bg-white shadow-xl sm:p-8 xl:p-16" id="achievements-list">
<h2 class="mb-3 text-lg font-medium uppercase md:text-xl font-headline md:mb-7">
<span>{{ 'successes'|trans }}</span>
</h2>
{{ 'no.horse.achievements.available'|trans }}
</div>
{% endif %}
<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>