| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 | {% extends 'bulma.html.twig' %}{% block title %}Mes parties{% endblock %}{% block content %}{{ component('Modal')}}    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">      <ul>        <li><a href="{{ path('app_main') }}">Accueil</a></li>        <li class="is-active"><a href="{{ path('app_profile_participations') }}">Mes parties</a></li>      </ul>    </nav>    <div class="tabs is-boxed">        <ul>            <li><a href="{{ path('app_profile_participations') }}">En tant que joueur(euse)</a></li>            {% if app.user.linkToGamemaster %}            <li class="is-active"><a>En tant que meneur(euse) de jeu</a></li>            {% endif %}            <li><a href="{{ path('app_prodile_participations_requests') }}">Mes demandes</a></li>        </ul>    </div>    <div class="block">        <table id="datatable" {{ stimulus_controller('datatables') }} class="table is-striped is-hoverable is-fullwidth">            <thead>            <tr>                <th data-priority="2">Événement</th>                <th data-priority="1">Jeu</th>                <th data-priority="1">Date et heure</th>                <th data-priority="3">Participant(e)s</th>                <th data-priority="1"> </th>            </tr>            </thead>            <tbody>            {% for participation in participations %}                <tr>                    <th>{{ participation.event.name }}</th>                    <td>{{ participation.game.name }}</td>                    <td>{{ participation.startOn|date('d/m/y H:i', app_timezone) }}</td>                    <td>{{ participation.getSeatsOccuped }} / {{ participation.getMaxParticipants }}</td>                    <td>                        {% if participation.getSeatsOccuped > 0 %}                      <a href="{{ path('app_checkin_party', {id: participation.id}) }}" class="button open-modal"><span class="icon"><twig:ux:icon name="bi:person-fill-check"/></span></a>                     {% else %}                        <button class="button" disabled><span class="icon"><twig:ux:icon name="bi:person-fill-check"/></span></button>                      {% endif %}                    </td>                </tr>            {% endfor %}            </tbody>        </table>    </div>{% endblock %}
 |