@extends('layouts.app_admin')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
               <h5><strong>Facture </strong></h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            Nom de l'étudiant : <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>
                                <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/>
                        <h5>Université</h5>
                    </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>
                        <p>
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#verticalycentered">Valider</button>
                        </p>
                    </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}}">
                        <input type="hidden" name="id_uni" value="{{$pay->id_uni}}">
                        <input type="hidden" name="id_user" value="{{$pay->id}}">
                    </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