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

{% block title %}Confirmez votre annulation{% endblock %}

{% block content %}

<div class="container">
  <div class="columns is-centered">
    <div class="column is-5">
      <div class="box">
        <h1 class="title is-4 has-text-centered">Annuler</h1>
        
        <p>Merci de cliquer sur <span class="has-text-danger">Confirmer</span> pour annuler votre participation à la partie de {{ participation.party.game.name }} du {{ participation.party.startOn|date('d/m/y H:i', app_timezone) }}.</p>

        <div class="field is-grouped is-grouped-centered">
          <div class="control">
            {{ form_start(form) }}
            {{ form_widget(form) }}
            <button class="button is-danger" type="submit">Confirmer</button>
            <a href="{{ path('app_main') }}" class="button">Retour</a>
            {{ form_end(form) }}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}