<turbo-stream action="append" target="background"><template><div id="activities-modal" class="popup-modal-wrapper" data-controller="popup" data-popup-animate="false" data-show="true"><div class="popup-modal "><i class="fa-solid fa-xmark popup-modal-close-btn z-50" data-action="click-&gt;popup#close"></i><div class="popup-modal-content "><div class='p-5'>
<h4 class='text-gray font-semibold text-lg ml-4'>Aktivnosti:</h4>
<ul class='mt-5 gap-2 grid grid-cols-1 sm:grid-cols-2'>
<li class='bg-white rounded-xl overflow-hidden border border-solid border-borderColor'>
<a data-turbo="true" data-turbo-stream="true" class="block p-2" href="https://turnisce.sportifiq.com/guests/activities/79"><div class='flex items-start gap-2 mb-2'>
<div class='flex items-center justify-center rounded-lg bg-grayLightest shrink-0 self-center w-9 h-9'>
<img class="h-5 w-5 invert-[0.4]" src="https://sportifiq.com/assets/sport_icons_svg/tennis-cd97ca3b4d0eaf32abe56d34ab412aaa670563c7ba9bb0e74742bde8ef0235f7.svg" />
</div>
<h3 class='font-semibold text-sm text-grayDark truncate min-w-0 flex-1 self-center'>
Igralci lige
<br>
<span class='text-xs text-grayLight font-normal'>Tenis Turnišče</span>
</h3>
<div class='shrink-0'>
<span class='bg-green bg-opacity-20 text-green text-xs font-semibold px-2 py-1 rounded-full'>
Brezplačno
</span>
</div>
</div>
<ul class='mb-2 text-xs text-gray space-y-1'>
<li class='flex items-center gap-2'>
<i class='fa-regular fa-calendar-days w-3 text-center text-grayLight'></i>
<span>
10. jul, 
18:00 - 21:00
</span>
</li>
<li class='flex items-center gap-2'>
<i class='fa-solid fa-user w-3 text-center text-grayLight'></i>
<span class='truncate'>
Organizator: Denis Lutar
</span>
</li>
</ul>
<div class='flex items-center justify-between pt-2 border-t border-solid border-grayLightest'>
<ul class='flex items-center'>
<li class='rounded-full border border-solid border-white overflow-hidden -mr-2 last:mr-0' style='z-index: 9'>
<span class='rounded-full flex items-center justify-center border border-dashed border-grayLight bg-white w-6 h-6'>
<span class='text-grayLight font-medium text-sm'>
<i class='fa-solid fa-plus'></i>
</span>
</span>
</li>
<li class='rounded-full border border-solid border-white overflow-hidden -mr-2 last:mr-0' style='z-index: 8'>
<span class='rounded-full flex items-center justify-center border border-dashed border-grayLight bg-white w-6 h-6'>
<span class='text-grayLight font-medium text-sm'>
<i class='fa-solid fa-plus'></i>
</span>
</span>
</li>
</ul>
<div class='flex items-center gap-2'>
<span class='bg-primaryBlue text-primaryBlue text-xs font-semibold px-2 rounded-full bg-opacity-10 py-0.5'>
0/2
</span>
<i class='fa-solid fa-chevron-right text-grayLight text-xs'></i>
</div>
</div>
</a></li>

</ul>
</div>
</div></div></div></template></turbo-stream>