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

{% block stylesheets %}
<style>
  .payment-success {
    height: 100vh;
  }
</style>
{% endblock %}
{% block title %} Paiement reussi {% endblock %}
{% block body %}
<div class="payment-success d-flex flex-column align-items-center justify-content-center">
  <span class="fa fa-times-circle" style="font-size:48px; color:red"></span>
  <h1 class="text-secondary">Votre avez annulé votre paiement.</h1>
  <div class="mt-5 d-flex flex-row align-items-start justify-content-center">
    <a type="button" class="btn btn-primary mr-3" href="{{ path('app_home') }}">Retourner à l'accueil</a>

  {#
    <!-- Portal button -->
    
    <form class="flex-row" action="{{ path('app_portal_session') }}" method="post">
      <input type="hidden" id="session-id" name="session_id" value="" />
      <button type="submit" id="checkout-and-portal-button" class="btn btn-secondary">Gérer votre abonnement</button>
    </form>

    <!-- Portal button -->

  #}  
    
  </div>
</div>

{% endblock %}