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

{% block title %}Mes parties{% endblock %}

{% block content %}

    <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 class="is-active"><a>En tant que joueur(euse)</a></li>
            {% if app.user.linkToGamemaster %}
            <li><a href="{{ path('app_profile_participations_gming') }}">En tant que meneur(euse) de jeu</a></li>
            {% endif %}
            <li><a>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>Événement</th>
                <th>Participant</th>
                <th>Partie</th>
                <th>Date et heure</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            {% for participation in participations %}
                <tr>
                    <th>{{ participation.party.event.name }}</th>
                    <td>{{ participation.participantName }}</td>
                    <td>{{ participation.party.game.name }}</td>
                    <td>{{ participation.party.startOn|date('d/m/y H:i', app_timezone) }}</td>
                    <td>
                      <a href="{{ path('app_participation_cancel', {id: participation.id}) }}" data-turbo="false" class="button is-danger">Annuler</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>

        </table>
    </div>

{% endblock %}