{% extends 'modal.html.twig' %}

{% block title %}{{ party.game.name }}{% endblock %}

{% block content %}

<div class="content" {{ stimulus_controller('checkin') }}>
  {% for participant in participations %}
  <div data-id="{{participant.id}}" class="participant-box box{% if participant.checkin == null %}{% elseif participant.checkin %} has-background-primary{% else %} has-background-danger{% endif %}">
    <p class="subtitle is-3">
      {% if participant.checkin %}<span class="icon"><twig:ux:icon name="bi:check2-circle"/></span>{% else %}<span class="icon"><twig:ux:icon name="bi:circle"/></span>{% endif %}
      &nbsp;<span title="{{ participation.participantName }}">{{ participation.participantName|length > 30 ? participation.participantName|slice(0, 30) ~ '...' : participation.participantName }}</span></p>
  </div>

  {% endfor %}
</div>


{% endblock %}