{% extends "@Flexy/FrontBundle/Themes/" ~ settings.get.assetFolderName ~ "/templates/layout.html.twig"  %}

{% block body %}


{% if order is defined %}
<div class="p-4 text-center mt-5 container" style="margin-top: 50px;" >

<h1>Échec de paiement !</h1>
<h4>Veuillez vérifier votre carte ou solde, ou revenir à l'application pour choisir un autre mode de paiement</h4>
<p></p>


<i style="font-size:100px;color:darkred;" class="fa-solid fa-circle-xmark"></i>

   <div class="container" >

<a class="btn btn-primary close-window" href="exp://192.168.1.43:19000?path=/checkout/recapCheckout" >Retour à l'application mobile Local</a>

   
    
    <a class="btn btn-primary  close-window" href="exp://u.expo.dev/update/0f4d1c5c-2b54-4ea2-878f-c8565d6b3601?path=/checkout/recapCheckout" >Retour à l'application mobile Published</a>

   </div>



</div>
{% endif %}


{% if invoice is defined %}
<div class="p-4 text-center mt-5 container" style="margin-top: 50px;" >

<h1>Paiement réussi !</h1>
<h4>Votre réservation Num : {{invoice.id}} a été bien crée</h4>
<p></p>

<i style="font-size:100px;color:green;" class="fa-solid fa-circle-check"></i>

   <div class="container" >
     {% if is_granted("ROLE_CUSTOMER") %}

    <a class="btn btn-primary" href="{{path("customer_dashboard")}}" >Consulter votre compte</a>

    {% else %}
        <p>Consulter votre boite email</p>
    <a class="btn btn-primary" href="{{path("front_home")}}" >Retour à la page d'accueil</a>
    {% endif %}

   </div>



</div>
{% endif %}

{% endblock %}

{% block javascripts %}
{{parent()}}

<script>
  $(".close-window").click(function(){

    setTimeout(function(){
      window.close();
    },300);

  });
</script>
{% endblock %}