@extends('frontend.inc.layout-front')
@section('title')
    Paiement Fedapay || {{env("APP_NAME")}}
@endsection
<style>
    label{
        font-weight: bold;
    }
</style>
 @section('container')
    <!-- home 4grids block -->
    <section class="services-w3l-block py-5 mt-5" id="features" style="background-color: #f4f4f4; margin-bottom=-2rem;">
         
            <div class="container py-md-5 py-1">
                <div class="row">
                    <div class="col-md-12 mx-auto card">
                        <div class="row card-body mx-auto">
                            <h3 class="text-center color-theme mb-4 mt-2" style="font-weight: bold;">PAIEMENT FACTURE N° {{$paiement->reference}}</h3>
                        
                             <div class="mb-4">
                                <div class="align-items-stretch mx-auto"> 
                                    <form id="form-data" action="{{route('lions.callback_fedapay')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="reference" id="reference" value="{{Crypt::encrypt($paiement->reference)}}">
                                        <div class="col-md-12 mb-3">
                                            <label for="label" class="form-label">Nom <i class="text-danger">*</i></label>
                                            <input type="text" value="{{$paiement->nom}}" style="text-transform: uppercase;" name="nom" id="nom" class="form-control" placeholder=""
                                            readonly    required aria-describedby="helpId"> 
                                        </div>
                                        <div class="col-md-12 mb-3">
                                            <label for="" class="form-label">Prénoms <i class="text-danger">*</i></label>
                                            <input type="text" value="{{$paiement->prenoms}}" name="prenoms" id="prenoms" class="form-control" required
                                            readonly    placeholder="" aria-describedby="helpId"> 
                                        </div>
                                        <div class="col-md-12 mb-3">
                                            <label for="" class="form-label">Téléphone <i class="text-danger"></i></label>
                                            <input type="tel" readonly value="{{$paiement->getInscription->telephone}}" name="email" id="email" class="form-control" placeholder=""
                                                 aria-describedby="helpId"> 
                                        </div> 
                                        <div class="col-md-12 mb-3">
                                            <label for="" class="form-label">E-mail <i class="text-danger"></i></label>
                                            <input type="email" readonly value="{{$paiement->email}}" name="email" id="email" class="form-control" placeholder=""
                                                 aria-describedby="helpId"> 
                                        </div> 
                                        <div class="col-md-12 mb-3">
                                            <label for="" class="form-label">Montant à payer <i class="text-danger">*</i></label>
                                            <input type="number" readonly value="{{$montant_total}}" required name="montant_total" id="montant_total" class="form-control" placeholder=""
                                                 aria-describedby="helpId"> 
                                        </div> 
                                        <script
                                        src="https://cdn.fedapay.com/checkout.js?v=1.1.7"
                                        data-public-key="{{env('FEDAPAY_CLE_PUBLIQUE')}}"
                                        data-button-text="Payer {{$montant_total}} XOF"
                                        data-button-class="btn btn-primary"
                                        data-transaction-amount="{{$montant_total}}"
                                        data-transaction-description="{{$paiement->reference}} : {{$paiement->getRubrique->code}} : {{$paiement->getRubrique->libelle}}"
                                        data-currency-iso="XOF"
                                        data-customer-email="{{$paiement->email}}"
                                        data-customer-firstname="{{$paiement->prenoms}}"
                                        data-customer-lastname="{{$paiement->nom}}" 
                                        data-customer-phone_number-number="{{$paiement->getInscription->telephone}}"
                                        data-customer-phone_number-country="{{$paiement->getInscription->code_iso}}"
                                        data-environment="{{env('FEDAPAY_ENVIRONMENT')}}"
                                        >
                                      </script> 
                                     </form>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
    </section>
    <!-- home 4grids block -->



@endsection
@section('jsScript') 

<script>
    /*FedaPay.CHECKOUT_COMPLETED(response => { 
                swal({
                                  title:"Merci de ne pas quitter cette page.", 
                                  text:"traitement des données...",
                                  icon: "https://www.boasnotas.com/img/loading2.gif",
                                  buttons: false,      
                                  closeOnClickOutside: false,
                                  //timer: 3000,
                                  //icon: "success"
                    }); 
    }) ;*/
</script>
  {{--
<script> 

$(document).ready(function() { 


              var montant = parseInt('{{ $paiement->montant_total}}') ;
              var nom_client = '{{ $paiement->nom}} {{ $paiement->prenoms}}';
              var reference = '{{ $paiement->reference}}'; 

              var status_sandbox = '{{env("KKIAPAY_SANDBOX")}}'; 

              if(parseInt(status_sandbox) == 1){
                status_sandbox = "true";
                var key = '{{env("KKIAPAY_SANDBOX_PUBLIC_KEY")}}';
              }else{
                status_sandbox = "false";
                var key = '{{env("KKIAPAY_LIVE_PUBLIC_KEY")}}';
              }  
    
                openKkiapayWidget({
                  amount: montant,
                  position: "center",
                  data: reference,
                  name: nom_client,
                  callback: "{{route('leo.kkiapay-store',$paiement->reference)}}",
                  theme: "blue",
                  sandbox: status_sandbox,
                  key: key,
              });

              addPaymentEndListener(response => {
                swal({
                                  title:"Merci de ne pas quitter cette page.", 
                                  text:"traitement des données...",
                                  icon: "https://www.boasnotas.com/img/loading2.gif",
                                  buttons: false,      
                                  closeOnClickOutside: false,
                                  //timer: 3000,
                                  //icon: "success"
                    });
              });


              addSuccessListener(response => { 
                  });
 

});

</script>

   <!-- jquery -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
   <!-- include sweet alert -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
   <!-- end include sweet alert -->
--}}

@endsection