{% 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>Paiement réussi !</h1>
<h4>Votre réservation Num : {{order.orderNumber}} a été bien crée</h4>
<p></p>

<i style="font-size:100px;color:green;" class="fa-solid fa-circle-check mb-5"></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>
        <br>
        <a class="btn btn-primary btn-web d-none" href="{{path("front_home")}}" >Retour à la page d'accueil</a>
    <a class="btn btn-primary btn-app-ios d-none" href="{{settings.get.mobileAppSchemeIOS}}?path=/checkout/success" >Retour à l'application</a>
    <a class="btn btn-primary btn-app-android d-none" href="{{settings.get.mobileAppSchemeAndroid}}?path=/checkout/success" >Retour à l'application</a>
{# 
   {% if settings.get.developpementEnv and settings.get.mobileAppSchemeDev %}
    <a class="btn btn-primary mb-5" href="{{settings.get.mobileAppSchemeDev}}?path=/checkout/success" >Retour à l'application(DEV)
    </a>
  {% endif %}
   
    {% if settings.get.mobileAppScheme %}
    <a class="btn btn-primary" href="{{settings.get.mobileAppScheme}}?path=/checkout/success" >Retour à l'application</a>
    {% endif %} #}



    {% endif %}

   </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 btn-web d-none" href="{{path("front_home")}}" >Retour à la page d'accueil</a>
    <a class="btn btn-primary btn-app-ios d-none" href="{{settings.get.mobileAppSchemeIOS}}?path=/checkout/success" >Retour à l'application</a>
    <a class="btn btn-primary btn-app-android d-none" href="{{settings.get.mobileAppSchemeAndroid}}?path=/checkout/success" >Retour à l'application</a>
    {% endif %}

   </div>



</div>
{% endif %}

{% endblock %}


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

<script>

document.addEventListener("turbo:load",function(){


function isMobileDevice() {
  return /Mobi/i.test(navigator.userAgent);
}

  function isAndroid() {
  return /Android/i.test(navigator.userAgent);
}

function isiOS() {
  return /iPhone|iPad|iPod/i.test(navigator.userAgent);
}
// Usage





if (isMobileDevice()) {




// Example usage
if (isAndroid()) {
  $(".btn-app-android").removeClass("d-none");
  $(".btn-app-ios").addClass("d-none");
  $(".btn-web").addClass("d-none");
   window.location.href = "{{settings.get.mobileAppSchemeAndroid}}?path=/checkout/success";
  
} else if (isiOS()) {
    $(".btn-app-ios").removeClass("d-none");
  $(".btn-app-android").addClass("d-none");
  $(".btn-app-web").addClass("d-none");
   window.location.href = "{{settings.get.mobileAppSchemeIOS}}?path=/checkout/success";
  
}else{
      $(".btn-web").removeClass("d-none");
  $(".btn-app-android").addClass("d-none");
  $(".btn-app-ios").addClass("d-none");
}


 
} 








});
</script>

{% endblock %}