@extends('layouts.master')
 @section('content')
<!-- Example Tab -->
<h4> <strong></strong> </h4>
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
           
            <div class="body"> 
                
                <!-- Nav tabs -->
                <ul class="nav nav-tabs p-0 mb-3">
               
                    <li class="nav-item"><a class="nav-link"  href="/details_transaction_carburant">Bon de consommation de carburant </a></li>

                    <li class="nav-item"><a class="nav-link"  href="/reliquants">Reliquant</a></li>
                
                    <li class="nav-item"><a class="nav-link "  href="/vehicule_carb">Vehicules</a></li>

                    <li class="nav-item"><a class="nav-link" hidden="" href="/stockdisponible">Stock disponible</a></li>


                    <div class="col-md-6">
                    <form method="POST" action="/bon_vehicule_a_rechercher" class="form-wrapper">
                        @csrf
                        <input type="text" placeholder="Taper plaque ou Bon..." name="plate" style="padding:2%;width:30%;display:inline-block; vertical-align: right; margin:auto;font-size:80%;margin-left: 100px">
                        <input type="submit" value="Rechercher" id="submit" style="padding:1%;width:15%;background-color: green">
                    </form>
                 </div>

                    
                </ul>                        
                <!-- Tab panes -->
                <div class="tab-content">






    <div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">

@if(Session::has('message'))       
<p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
@endif

@if(Session::has('message_exist'))       
<p class="alert alert-danger" align="center"> {{Session::get('message_exist')}}</p>
@endif


<div class="table-responsive">
    <table class="table table-bordered table-striped table-hover ">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
     <th>Bon systeme</th>
     <th>Bon à servir</th>
     <th>Véhicule</th>
     <th>A l'ordre de</th>
     <th>Carburant</th>
     <th>Qté à servir</th>
     <th>Qté servie</th>
     <th>Status</th>     
      <th>Date saisie</th>
      <th>Servi le</th>
      <th>Action</th>
        </tr>   
        </thead>    

@foreach($transaction as $key=>$tra)
<tr>
    <td>{{++$key}}</td> 
    <td><strong><a href="/view_detail_bon_a_servir/{{$tra->id_bonaservir}}">{{ $tra ->num_bon_sys  }}</a></strong><br>  
    <td>{{ $tra -> numero_bon_a_servir  }}</td>  
    <td>{{ $tra -> num_immatriculation  }}</td>
    
    <td>{{ $tra -> responsable_commande }}</td>
    <td>{{ $tra -> type_carburant }}</td>

    <td align="right">{{number_format($tra->quantite_a_servir, 2, ',', ' ')}}</td>
    <td align="right">{{number_format($tra->quantite_servie, 2, ',', ' ')}}</td>

    <td> @if($tra -> status_bon_a_servir == 0)
            Annulé
        @elseif($tra -> status_bon_a_servir == 1)
            Bon à servir
        @elseif($tra -> status_bon_a_servir == 2)
            Autorisé
        @elseif($tra -> status_bon_a_servir == 3)
            Servie
        @elseif($tra -> status_bon_a_servir == 4)
            Payé
        @else
            Cloturé
        @endif </td>
   
      <td>{{ $tra -> initierle }}</td>
     <td>{{ $tra -> serviele }}</td>
 <td>

    @if(Auth()->user()->roles()->whereIn('role_id', [2])->exists() && $tra -> status_bon_a_servir == 1)
        <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$tra->id_bonaservir}}"> Edit </a>
        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$tra->id_bonaservir}}"> Supprimer </a>
    @elseif(Auth()->user()->roles()->whereIn('role_id', [42])->exists() && $tra -> status_bon_a_servir == 1)
    
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$tra->id_bonaservir}}"> Edit </a>
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalAutoriser{{$tra->id_bonaservir}}"> Autoriser </a>            
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$tra->id_bonaservir}}"> Supprimer </a>
       
        @elseif(Auth()->user()->roles()->whereIn('role_id', [42])->exists() && $tra -> status_bon_a_servir == 2)
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#Modalservir{{$tra->id_bonaservir}}"> Servir </a>
             <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalRejetterBonAutoriser{{$tra->id_bonaservir}}"> Rejetter </a>
        @elseif($tra -> status_bon_a_servir == 3 )
            
        @elseif($tra -> status_bon_a_servir == 4 )
            
        @endif
    
        @if(Auth()->user()->roles()->whereIn('role_id', [15])->exists() && $tra -> status_bon_a_servir == 3)
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#Modalencaisser{{$tra->id_bonaservir}}"> Encaisser </a>
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalRejetterBonServi{{$tra->id_bonaservir}}"> Rejetter </a>
        @elseif($tra -> status_bon_a_servir == 4 )
            
        @elseif($tra -> status_bon_a_servir == 5 )
            
        @endif
    @if(Auth()->user()->roles()->whereIn('role_id', [1])->exists())
        @if($tra -> status_bon_a_servir == 1 )
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$tra->id_bonaservir}}"> Edit </a>
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalAutoriser{{$tra->id_bonaservir}}"> Autoriser </a>            
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalAnnuler{{$tra->id_bonaservir}}"> Annuler </a>
        @elseif($tra -> status_bon_a_servir == 2 )
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#Modalservir{{$tra->id_bonaservir}}"> Servir </a>
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalRejetterBonAutoriser{{$tra->id_bonaservir}}"> Rejetter </a>
        @elseif($tra -> status_bon_a_servir == 3 )
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#Modalencaisser{{$tra->id_bonaservir}}"> Encaisser </a>
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalRejetterBonServi{{$tra->id_bonaservir}}"> Rejetter </a>
        @elseif($tra -> status_bon_a_servir == 4 )
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalCloturer{{$tra->id_bonaservir}}"> Cloturer </a>
        @elseif($tra -> status_bon_a_servir == 5 )
            Clôturé
        @elseif($tra -> status_bon_a_servir == 0 )
             <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$tra->id_bonaservir}}"> Supprimer </a>
        @endif
    @endif

    @if(strlen($tra->serviele) > 10)
    <button type="button" class="btn btn-success btn-sm" 
            data-toggle="modal" 
            data-target="#Modaldate{{ $tra->id_bonaservir }}"
            title="Longueur supérieure à 10 caractères">
        <i class="fas fa-calendar-alt"></i> Date
    </button>
@else
   
@endif


@if($tra->type_reglement == 0 && $tra -> status_bon_a_servir > 1)
    <button type="button" class="btn btn-success btn-sm" 
            data-toggle="modal" 
            data-target="#Modalreglement{{ $tra->id_bonaservir }}"
            title="Reglement">
        <i class="fas fa-calendar-alt"></i> Budget
    </button>
@else
   
@endif

 </td>    
</tr> 





  <div class="modal fade" id="Modalreglement{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="title" id="defaultModalLabel">Specifier la destination : {{ $tra->numero_bon_a_servir }}</h4>
                                                        </div>
                                                        <form id="form_validation" method="POST" action="/bugetcarburant/{{$tra->id_bonaservir}}">
                                                            <div class="modal-body"> 
                                                                {{ csrf_field() }}
                                                                <input type="hidden" name="qs" value="{{ $tra->quantite_a_servir }}" class="form-control">
                                                                <input type="hidden" name="id_type_carburant" value="{{ $tra->id_type_carburant }}" class="form-control">
                                                                <div class="form-group form-float">
                                                                    <label for="role">Quantité servie</label>
                                                                    <input type="text" disabled="true" name="qsxx" value="{{ $tra->type_carburant }} = {{ $tra->quantite_servie }} litres" class="form-control">
                                                                </div>
                                                                <div class="form-group form-float">
                                                                    <label>Filiale responsable</label>
                                                                    <select name="id_filiyale" class="form-control show-tick ms select2" required data-placeholder="Selectionner le filiale responsable">
                                                                        @foreach($filiales as $f)
                                                                        <option value="{{$f->id_filiale}}">{{ $f->nom_filiale }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="form-group form-float">
                                                                    <label>Type de Règlement</label>
                                                                    <select name="reglement" class="form-control show-tick ms select2 reglement-select" 
                                                                            data-toggle-destination="true" required>
                                                                        <option value="1">CAISSE</option>
                                                                        <option value="2">HORS CAISSE</option>
                                                                    </select>
                                                                </div>
                                                                <!-- MODIFICATION IMPORTANTE : Supprimer data-modal-id et garder seulement la classe -->
                                                                <div class="form-group form-float destination-group">
                                                                    <label>Destination</label>
                                                                    <select name="destination" class="form-control show-tick ms select2">
                                                                        @foreach($destination as $m)
                                                                        <option value="{{$m->id_budget_carburant }}">{{ $m->desc_detail_carburant }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="submit" class="btn btn-primary btn-round waves-effect">Budgetiser</button>
                                                                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Annuler</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>




















<div class="modal fade" id="Modaldate{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
               <h4 class="title" id="defaultModalLabel">Bon : {{ $tra ->numero_bon_a_servir  }} servi à quelle date ?? </h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_serviele_bon_a_servir/{{$tra->id_bonaservir}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label for="role">Quantité  servie</label>
                        <input readonly="" type="text" name="qsx" value=" {{ $tra -> type_carburant }} = {{ $tra -> quantite_servie }} litres {{ $tra->serviele  }}  " class="form-control">
                    </div>

                     <div class="form-group form-float">
                        <label>ancien date</label>
                        <input type="datetime" value="{{ $tra->serviele  }}" name="d" placeholder="Date de la demande ici" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Saisr la vrai date</label>
                        <input type="date" value="{{ $tra->serviele  }}" name="datedu" placeholder="Date de la demande ici" class="form-control" >
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">Edit date</button>
                <button type="button" class="btn btn-success waves-effect" data-dismiss="modal">Annuler</button>
            </div>
        </form>
        </div>
    </div>
</div>








<div class="modal fade" id="ModalEdit{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Modifier le bon numero {{ $tra ->numero_bon_a_servir  }} - {{ $tra -> type_carburant }}</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_bon_a_servir/{{$tra->id_bonaservir}}">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
<input type="hidden" value="{{ $tra -> id_vehicule }}" name="id_veh"  required>
<input type="hidden" value="{{ $tra -> carburant_id }}" name="id_carb"  required>

                    <div class="form-group form-float">
                        <label>Numéro du Bon à servir</label>
                        <input type="text" value="{{ $tra ->numero_bon_a_servir  }}" name="num" placeholder="Numéro du bon à servir ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Nom et prénom du demandeur (A l'ordre de)</label>
                        <input type="text" value="{{ $tra ->responsable_commande  }}" name="demandeur" placeholder="Responsable de la commande ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Téléphone du demandeur</label>
                        <input type="text" value="{{ $tra ->telephone_responsable  }}" name="telephone" placeholder="Téléphone du responsable ici" class="form-control" >
                    </div>

                     <div class="form-group form-float">
                        <label>Mandaté par</label>
                        <input type="text" value="{{ $tra ->mandaterpar  }}" name="mandaterpar" placeholder="Nom et prénom de l'avaliseur ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">
                        <label>Bon établi le</label>
                        <input type="date" value="{{ $tra ->initierle  }}" name="datedu" placeholder="Date de la demande ici" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Quantité à servir </label>
                        <input type="text" value="{{ $tra ->quantite_a_servir  }}" name="qte" placeholder="Quantité a servir ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Prix Unitaire</label>
                        <input type="text" value="{{ $tra ->pu  }}" name="pu" placeholder="Prix Unitaire ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" value="{{ $tra ->description  }}" name="description" placeholder="Description ici" class="form-control" >
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Enregistrer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>






<div class="modal fade" id="ModalCloturer{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Vous etes sur le point d'autoriser le bon à servir numéro : {{ $tra ->numero_bon_a_servir  }} </h4>
            </div>
        <form id="form_validation" method="POST" action="/cloturer_bon_a_servir/{{$tra->id_bonaservir}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label for="role">Quantité à servir existante</label>
                        <input type="text" name="qsx" value=" {{ $tra -> type_carburant }} = {{ $tra -> quantite_a_servir }} litres reservé" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Montant restant à encaisser</label>
                        <input type="text" name="qsxx" value=" {{ $tra -> type_carburant }} = {{ $tra -> montant_restant_a_payer }} FBU" class="form-control">
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">Clôturer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Annuler</button>
            </div>
        </form>
        </div>
    </div>
</div>






<!-- Modal Autoriser (CORRIGÉ) -->
                                            <div class="modal fade" id="ModalAutoriser{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="title" id="defaultModalLabel">Vous etes sur le point d'autoriser le bon à servir numéro : {{ $tra->numero_bon_a_servir }}</h4>
                                                        </div>
                                                        <form id="form_validation" method="POST" action="/autoriser_bon_a_servir/{{$tra->id_bonaservir}}">
                                                            <div class="modal-body"> 
                                                                {{ csrf_field() }}
                                                                <input type="hidden" name="qs" value="{{ $tra->quantite_a_servir }}" class="form-control">
                                                                <input type="hidden" name="id_type_carburant" value="{{ $tra->id_type_carburant }}" class="form-control">
                                                                <div class="form-group form-float">
                                                                    <label for="role">Quantité à reserver</label>
                                                                    <input type="text" disabled="true" name="qsxx" value="{{ $tra->type_carburant }} = {{ $tra->quantite_a_servir }} litres" class="form-control">
                                                                </div>
                                                                <div class="form-group form-float">
                                                                    <label>Filiale responsable</label>
                                                                    <select name="id_filiyale" class="form-control show-tick ms select2" required data-placeholder="Selectionner le filiale responsable">
                                                                        @foreach($filiales as $f)
                                                                        <option value="{{$f->id_filiale}}">{{ $f->nom_filiale }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="form-group form-float">
                                                                    <label>Type de Règlement</label>
                                                                    <select name="reglement" class="form-control show-tick ms select2 reglement-select" 
                                                                            data-toggle-destination="true" required>
                                                                        <option value="1">CAISSE</option>
                                                                        <option value="2">HORS CAISSE</option>
                                                                    </select>
                                                                </div>
                                                                <!-- MODIFICATION IMPORTANTE : Supprimer data-modal-id et garder seulement la classe -->
                                                                <div class="form-group form-float destination-group">
                                                                    <label>Destination</label>
                                                                    <select name="destination" class="form-control show-tick ms select2">
                                                                        @foreach($destination as $m)
                                                                        <option value="{{$m->id_budget_carburant }}">{{ $m->desc_detail_carburant }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="submit" class="btn btn-primary btn-round waves-effect">Autoriser</button>
                                                                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Annuler</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>










<div class="modal fade" id="ModalAutoriser{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Vous etes sur le point d'autoriser le bon à servir numéro : {{ $tra ->numero_bon_a_servir  }} </h4>
            </div>
        <form id="form_validation" method="POST" action="/autoriser_bon_a_servir/{{$tra->id_bonaservir}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}

                    <input type="hidden" name="qs" value=" {{ $tra -> quantite_a_servir }} " class="form-control">
                    
                    <input type="hidden" name="id_type_carburant" value=" {{ $tra -> id_type_carburant }} " class="form-control">

                    <div class="form-group form-float">
                        <label for="role">Quantité à reserver</label>
                        <input type="text" disabled="true" name="qsxx" value=" {{ $tra -> type_carburant }} = {{ $tra -> quantite_a_servir }} litres" class="form-control">
                    </div>

                <div class="form-group form-float">
                    <label>Filiale responsable</label>
                    <select name="id_filiyale" class="form-control show-tick ms select2" required data-placeholder="Selectionner le  filiale responsable">
                            @foreach($filiales as $f)
                            <option value="{{$f->id_filiale}}">{{ $f -> nom_filiale }}</option>
                            @endforeach
                    </select>
                </div>

                <div class="form-group form-float">
                    <label>Mode de paiement</label>
                    <select name="mode_payement" class="form-control show-tick ms select2" required data-placeholder="Selectionner le mode de paiement">
                            @foreach($mode_payement as $m)
                            <option value="{{$m->id_mode_payement}}">{{ $m -> mode_payement }}</option>
                            @endforeach
                    </select>
                </div>


             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">Autoriser</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Annuler</button>
            </div>
        </form>
        </div>
    </div>
</div>





<div class="modal fade" id="Modalservir{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Vous etes sur le point de servir le bon à servir numéro : {{ $tra ->numero_bon_a_servir  }} </h4>
            </div>
        <form id="form_validation" method="POST" action="/servir_bon_a_servir/{{$tra->id_bonaservir}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}

                    <input type="hidden" name="id_type_carburant" value=" {{ $tra -> id_type_carburant }} ">
                    <input type="hidden" name="pu" value=" {{ $tra -> pu }}"  required="">
                    <input type="hidden"  name="qas" value=" {{ $tra -> quantite_a_servir }}" >

                    <div class="form-group form-float">
                        <label for="role">Quantité demandée</label>
                        <input type="text" readonly="true" name="qsxx" value=" {{ $tra -> type_carburant }} : Quantité demandée = {{ $tra -> quantite_a_servir }} litres" class="form-control">
                    </div>
                    <div class="form-group form-float">
                        <label for="role">Quantité servie</label>
                        <input type="text" name="qs" value="" class="form-control" required="">
                    </div>

                    <div class="form-group form-float">
                        <label>Servi en date du</label>
                        <input type="date" value="" name="datedu" placeholder="" required="" class="form-control" >
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">Autoriser</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Annuler</button>
            </div>
        </form>
        </div>
    </div>
</div>





<!-- Modal annuler -->
<div class="modal fade" id="ModalRejetterBonAutoriser{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Rejetter le bon autorisé numéro {{$tra->id_bonaservir}} - {{ $tra ->numero_bon_a_servir  }}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/rejetter_bon_autoriser/{{$tra->id_bonaservir}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous rejetter ce bon déjà autorisé?</h3>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>




<!-- Modal annuler -->
<div class="modal fade" id="ModalRejetterBonServi{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Annuler le bon servi numéro {{$tra->id_bonaservir}} - {{ $tra ->numero_bon_a_servir  }}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/rejetter_bon_servi/{{$tra->id_bonaservir}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous rejetter ce bon déjà servi ?</h3>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>




<!-- Modal annuler -->
<div class="modal fade" id="ModalAnnuler{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Annuler le bon à servir numéro {{$tra->id_bonaservir}} - {{ $tra ->numero_bon_a_servir  }}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/annuler_bon_a_servir/{{$tra->id_bonaservir}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous annuler ce bon à servir ?</h3>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>



<div class="modal fade" id="ModalDelete{{$tra->id_bonaservir}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Supprimer le bon à servir numéro {{$tra->id_bonaservir}} - {{ $tra ->numero_bon_a_servir  }}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/delete_bon_a_servir/{{$tra->id_bonaservir}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous supprimer ce bon à servir ?</h3>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>




   @endforeach   
    </table>
    <div class="d-flex justify-content-center">
                    {{ $transaction->links() }}
                    </div>
     </div>
     </div>
     </div>
     </div>
    </div>






                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Solution simple et directe
document.addEventListener('DOMContentLoaded', function() {
    console.log('Destination toggle - Simple version');
    
    // Fonction pour gérer le changement
    function handleReglementChange(event) {
        var select = event.target;
        var value = select.value;
        var modal = select.closest('.modal');
        
        if (!modal) return;
        
        var destinationGroup = modal.querySelector('.destination-group');
        if (!destinationGroup) return;
        
        console.log('Change detected:', value, 'in modal:', modal.id);
        
        if (value === '1') {
            destinationGroup.style.display = 'none';
            destinationGroup.querySelector('select').required = false;
        } else {
            destinationGroup.style.display = 'block';
            destinationGroup.querySelector('select').required = true;
        }
    }
    
    // Attacher les événements
    function attachEvents() {
        document.querySelectorAll('select[name="reglement"]').forEach(function(select) {
            // Retirer les anciens écouteurs
            select.removeEventListener('change', handleReglementChange);
            // Ajouter le nouvel écouteur
            select.addEventListener('change', handleReglementChange);
            // Initialiser l'état
            handleReglementChange({ target: select });
        });
    }
    
    // Initialiser
    attachEvents();
    
    // Observer les changements du DOM pour les modals dynamiques
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                setTimeout(attachEvents, 100);
            }
        });
    });
    
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
    
    // Réinitialiser après le chargement complet
    setTimeout(attachEvents, 1000);
});
</script>

<style>
/* Style par défaut pour cacher le champ destination quand CAISSE est sélectionné */
.destination-group {
    transition: all 0.3s ease;
}
</style>
@stop