@extends('layouts.app_client')
@section('content')
<div class="container d-flex align-items-center justify-content-between">
    <div class="col-lg-12">
        <div class="card">
            <div class="body" style="background-color: #F0F8FF;">
               <h5><strong>Facture paiement inscription </strong></h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            Votre nom : <strong>{{$pay->nom}} {{$pay->prenom}}  </strong> <br>
                            Adresse : <strong>...</strong> <br>
                            <abbr title="email">Email :</abbr> <strong>{{$pay->email}}</strong><br>
                            <abbr title="tel">Tel No :</abbr><strong>{{$pay->telephone}}</strong>
                          </address>
                    </div>
                </div>
            </div>  
            <div class="body">                          
            <div class="row">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-hover c_table theme-color">
                            <thead style="background-color: #008B8B;">
                                <tr>
                                    <th class="hidden-sm-down">Réference </th>
                                    <th class="hidden-sm-down">Université</th>
                                    <th class="hidden-sm-down">Faculté/Institut</th>
                                    <th class="hidden-sm-down">Filière</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$pay->reference_inscri}}</td>
                                    <td>{{$pay->nom_uni}}</td>
                                    <td>{{$pay->nom_type}}</td> 
                                    <td>{{$pay->nom_filiere}}</td> 
                                </tr>
                           </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> 
            <div class="body">
                <div class="row">
                    <div class="col-md-6">
                        <br/>
                        <br/><br/><br/><br/><br/><br/><br/><br/>
                        <hr>
                        <h5>NB : Vous pouvez payer par BANK et envoyer le bordereau de paiement ici : </h5>
                        <input type="file" name="bordereau">
                        <button type="submit" class="btn btn-primary">Envoyer</button>
                        <hr>
                    </div>
                    <div class="col-md-6 text-right">
                        <h5><strong> Prix total à payer: </strong>  </h5> <h3 class="mb-0 text-success">  {{$pay->frais}} FBU</h3>
                        <form action="https://www.afripay.africa/checkout/index.php" method="post" id="afripayform">
                        <input type="hidden" name="amount" value="{{$pay->frais}}">
                        <input type="hidden" name="currency" value="BIF" >
                        <input type="hidden" name="comment" value="">
                        <input type="hidden" name="client_token" value="{{$client_token_encode}}" >
                        <input type="hidden" name="return_url" value="{{$return_url}}" >
                        <input type="hidden" name="firstname" value="" >
                        <input type="hidden" name="lastname" value="" >
                        <input type="hidden" name="street" value="" >
                        <input type="hidden" name="city" value="" >
                        <input type="hidden" name="state" value="" >
                        <input type="hidden" name="zip_code" value="" >
                        <input type="hidden" name="country" value="" >
                        <input type="hidden" name="email" value="" >
                        <input type="hidden" name="phone" value="" >
                        <input type="hidden" name="app_id" value="{{$app_id}}">
                        <input type="hidden" name="app_secret" value="{{$app_secret}}">

                        <p>

                        <input style="width:250px; height:80px" type="image" src="https://afripay.africa/logos/pay_with_afripay.png" alt="Pay with AfriPay" onclick="document.afripayform.submit();">

                        </p>

                        </form>

                    </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>



              <div class="modal fade" id="verticalycentered" tabindex="-1">

                <div class="modal-dialog modal-dialog-centered">

                  <div class="modal-content">

                    <div class="modal-header">

                      <h5 class="modal-title">Validation de la facture</h5>

                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                    </div>

                    <form action="/valider_pay" method="post">

                        @csrf

                    <div class="modal-body">

                        <h3>Voulez-vous valider le paiement de cette facture ?</h3>

                      <input type="hidden" name="montant" value="{{$pay->frais}}">

                        <input type="hidden" name="id_inscri" value="{{$pay->id_inscri}}">

                    </div>

                    <div class="modal-footer">

                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Non</button>

                      <button type="submit" class="btn btn-primary">Oui</button>

                    </div>

                </form>

                  </div>

                </div>

              </div>

@stop