<turbo-frame id="tab_content">
{# {% if (auction.attendees|length) > 0 %} #}
{% do section_navigation_add({ name: 'auction-attendees', anchor: 'event-attendees' }) %}
<section id="event-attendees"
class="container p-4 overflow-x-hidden bg-white shadow-xl sm:p-8 xl:p-16"
{{ live_event_subscriber('auction-attendees-' ~ auction.id) }}>
<h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
{{ 'attendees-with-count'|trans({ '%count': auction.attendees|length }) }}
</h2>
<div class="overflow-x-auto" id="event-{{ auction.id }}-attendees-full">
{# {% include 'profile/attendees_full.html.twig' with { event: auction } %} #}
{% for profileCategory, profiles in attendees %}
<div>
<div class="flex items-center gap-2 mb-2 text-base font-medium uppercase w-min font-headline">
{% include 'icons/subprofile-' ~ profileCategory ~ '.svg.twig' with {
class: 'w-6 h-6'
} %}
<span>{{ profileCategory|capitalize }}</span>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
{% for attendee in profiles %}
{% include 'network/profile/components/profile_card_network.html.twig' with {
profile: attendee,
class: 'bg-neutral-50',
showContact: false
} only %}
{% endfor %}
</div>
</div>
{% else %}
<div>
{{ 'no.auction.attendees.available'|trans }}
</div>
{% endfor %}
</div>
</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>