<section class="container grid gap-8 p-4 my-8 text-black bg-white shadow-xl sm:p-8 xl:p-16">
<div>
<h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
{{ 'auction-of-associated-horses'|trans }}
</h2>
{% if app.user and auctionEvents is not empty %}
{% for event in auctionEvents %}
<div class="text-black">
{% include 'network/profile/components/profile_horse_auction_tile.html.twig' with {
auction: event
} %}
</div>
{% endfor %}
{% elseif not app.user %}
{% include 'network/profile/components/login_required_hint.html.twig' %}
{% else %}
{{ 'no.profile.auction.events.available'|trans }}
{% endif %}
</div>
</section>
<section class="container grid gap-8 p-4 my-8 text-black bg-white shadow-xl sm:p-8 xl:p-16">
<div>
<h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
{{ 'raceday-of-associated-horses'|trans }}
</h2>
{% if app.user and racedayEvents is not empty %}
{% for event in racedayEvents %}
<div class="text-black">
{% include 'network/profile/components/profile_horse_raceday_tile.html.twig' with {
raceday: event
} %}
</div>
{% endfor %}
{% elseif not app.user %}
{% include 'network/profile/components/login_required_hint.html.twig' %}
{% else %}
{{ 'no.profile.raceday.events.available'|trans }}
{% endif %}
</div>
</section>