<turbo-frame id="tab_content">
<section id="horses-at-auction"
class="container p-4 overflow-x-hidden bg-white shadow-xl scroll-mt-12 sm:p-8 xl:p-16"
style="">
{% if (auction.horses|length) > 0 %}
{% do section_navigation_add({ name: 'horses-at-auction', anchor: 'horses-at-auction' }) %}
<h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
{{ 'horses-at-auction-with-count'|trans({ '%count': auction.horses|length }) }}
</h2>
<div class="overflow-x-auto">
<div class="grid gap-4 lg:grid-cols-1">
{% for horse in auction.horses %}
{# <div class=""> #}
{% include 'network/auction/components/horse_event_tile.html.twig' with {
horse: horse.object
} %}
{# </div> #}
{% endfor %}
</div>
</div>
{% else %}
<div class="text-black">
<h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
{{ 'horses-at-auction-with-count'|trans({ '%count': auction.horses|length }) }}
</h2>
{{ 'no.auction.horses.available'|trans }}
</div>
{% endif %}
</section>
<turbo-stream action="replace" target="tab_navigation">
<template>
{% include 'network/auction/components/tab_navigation_component.html.twig' with {
auction: auction,
highlightedTab: app.request.pathInfo
} %}
</template>
</turbo-stream>
</turbo-frame>