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

{% block title %}Gestion pour {{ event.name }}{% endblock %}

{% block content %}

{{ component('Modal')}}


<div class="card" {{ stimulus_controller('dropdown')}} >
  <div class="card-footer">
    <div class="dropdown card-footer-item is-flex is-justify-content-space-between is-align-items-center" data-action="click->dropdown#toggle">
      <button>
        <span><strong>{{ event.name }} - du {{ event.startOn|date('d/m/y à H:i', app_timezone) }} au {{ event.endOn|date('d/m/y à H:i', app_timezone)}}</strong></span>        
      </button>
      {% if events|length > 1 %}
      <span class="icon is-small">
        <twig:ux:icon name="bi:chevron-down" />&nbsp;
      </span>
      <div data-dropdown-target="menu" class="dropdown-menu">
        <div class="dropdown-content">
          {% for evt in events %}
          {% if event.id != evt.id %}
          <a href="{{ path('app_manage_planning', {id: evt.id})}}" class="dropdown-item"><strong>{{ evt.name }}</strong><small> du {{ evt.startOn|date('d/m/y H:i', app_timezone) }} au {{ evt.endOn|date('d/m/y H:i', app_timezone)}}</small></a>
          {% endif %}
          {% endfor %}
        </div>
      </div>
      {% endif %}
    </div>
  </div>





</div>

<div class="box is-clearfix">
  <div class="columns">
    {% if not event.isHiddenPlanning %}
    <div class="column">
      <p>{{ event.getParties()|length }} parties proposées</p>
    </div>
    {% endif %}
    <div class="column">
      <p class="is-inline-block icon-text">{{ event.getGamemastersAssigned|length }} meneur(euse)s de jeu
        {% for gamemaster in event.getGamemastersAssigned %}
          <span class="icon">
              <a href="{{ path('app_gamemaster_public_profile', {id: gamemaster.id}) }}" class="open-modal" title="{{ gamemaster.preferedName }}"><figure class="image is-24x24 is-inline-block">
              {% if gamemaster.picture %}
              <img class="is-rounded" src="/images/gamemasters/{{ gamemaster.picture }}" alt="{{ gamemaster.preferedName }}"/>
              {% else %}
              <twig:ux:icon name="bi:person-fill"/>
              {% endif %}
              </figure></a>
          </span>   
        {% endfor %}
      </p>
    </div>
  </div>

</div>

    <div class="tabs is-boxed">
        <ul>
            <li><a href="{{ path('app_manage_planning', {id: event.id}) }}">Planning</a></li>
            <li><a href="{{ path('app_manage_party_list', {id: event.id})}}">Liste des parties</a></li>
            <li class="is-active"><a>Liste des participant(e)s</a></li>
            {% if event.isEveryoneCanAskForGame %}<li><a  href="{{ path('app_manage_request', {id: event.id}) }}">Liste des demandes</a></li>{% endif %}


        </ul>
    </div>


<section>
        <table id="datatable" {{ stimulus_controller('datatables') }} class="table is-striped is-hoverable is-fullwidth">
            <thead>
            <tr>
                <th data-priority="1">Participant(e)</th>
                <th data-priority="2">Horaire</th>
                <th data-priority="3">Espace</th>
                <th data-priority="2">Jeu</th>
                <th data-priority="3">Meneur(euse)</th>
                {% if is_granted('ROLE_MANAGER') %}
                <th data-priority="1">Contact</th>
                {% endif %}
                <th data-priority="1">Action</th>
            </tr>
            </thead>
            <tbody>
            {% for partie in event.getParties %}
            {% for participation in partie.getParticipations %}
                <tr>
                    <td><span title="{{ participation.participantName }}">{{ participation.participantName|length > 30 ? participation.participantName|slice(0, 30) ~ '...' : participation.participantName }}</span></td>
                    <td>{{ participation.party.startOn|date('d/m/y \\à H:i', app_timezone) }}</th>
                    <td>{{ participation.party.slots.first.space.name }}</td>
                    <td>{{ participation.party.game.name }}</td>
                    <td>{{ participation.party.gamemaster.preferedName }}</td>
                    {% if is_granted('ROLE_MANAGER') %}
                    <td><div class="buttons has-addons">
                    {% if participation.participantPhone %}<a href="tel:{{ participation.participantPhone }}" class="button is-primary" title="Téléphoner"><span class="icon"><twig:ux:icon name="bi:telephone-fill"/></span></a><a href="sms:{{ participation.participantPhone }}" class="button is-primary" title="Envoyer un SMS"><span class="icon"><twig:ux:icon name="bi:envelope"/></span></a>{% else %}
                    <button class="button is-primary" title="Téléphoner" disabled><span class="icon"><twig:ux:icon name="bi:telephone-fill"/></span></button><button class="button is-primary" title="Envoyer un SMS" disabled><span class="icon"><twig:ux:icon name="bi:envelope"/></span></button>{% endif %}
                    <a href="mailto:{{ participation.participantEmail }}" class="button is-primary" title="Envoyer un email"><span class="icon"><twig:ux:icon name="bi:envelope-fill"/></span></a>
                    </div></td>
                    {% endif %}

                    
                    

                    <td>
                    
                      {% if participation.checkin %}
                      <button class="button is-danger" disabled>Annuler</button>
                      {% else %}
                      <a href="#" data-id="{{ path('app_participation_cancel_direct', {id: participation.id}) }}" class="button is-danger" {{ stimulus_controller('admin_confirm') }}>Annuler</a>
                      {% endif %}
                    </td>
                </tr>
            {% endfor %}
            {% endfor %}
            </tbody>

        </table>
</section>

{% endblock %}
