@extends('layouts.master')
@section('title', 'Bon')
@section('parentPageTitle', 'Detail')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
                <h5><strong>Fournisseur du carburant : </strong>    <span class="badge badge-success">{{ $approvisionnement ->type_carburant  }}</span> </h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            <strong>{{ $approvisionnement ->nom_social_fournisseur  }}</strong><br>
                            {{ $approvisionnement ->adresse_fourn  }}<br>
                            E-mail : {{ $approvisionnement ->email_fourn  }}<br>
                            Tel : {{ $approvisionnement ->telephone_fourn_carb  }}
                        </address>
                    </div>
                    <div class="col-md-6 col-sm-6 text-right">
                        @if($approvisionnement ->status_appro  == 2)                            
                            <p class="mb-0"><strong>Commande : </strong> 
                            <span class="badge badge-success">Receptionné</span></p>
                            <p class="mb-0"><strong>Date de réception : </strong> {{ $approvisionnement ->date_reception  }}</p>
                             
                            <span class="badge badge-danger">Manquant :   {{ $manquant}} litres</span></p>
                        @elseif($approvisionnement ->status_appro  == 1)   
                            <p class="mb-0"><strong>Commande : </strong> 
                            <span class="badge badge-danger">en cours de traitement</span></p>
                        @elseif($approvisionnement ->status_appro  == 0)   
                            <p class="mb-0"><strong>Commande : </strong> 
                            <span class="badge badge-danger">annulée</span></p>
                        @elseif($approvisionnement ->status_appro  == 3)   
                            <p class="mb-0"><strong>Commande : </strong> 
                            <span class="badge badge-danger">Clôturée</span></p>
                        @endif
                                                           
                    </div>
                </div>

                <h5><strong>Transporteur : <span class="badge badge-success">{{ $approvisionnement ->plaque_veh_transp  }}</span> </strong>  </h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            <strong>{{ $approvisionnement ->nom_social_transporteur  }}</strong><br>
                            E-mail : {{ $approvisionnement ->email_transp  }}<br>
                            Tel : {{ $approvisionnement ->telephone_transporteur  }}
                        </address>
                    </div>
                </div>


            </div>                            
            <div class="row">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-hover c_table theme-color">
                            <thead>
                                <tr>
                                    <th> </th>
                                    <th class="hidden-sm-down">Type du carburant</th>
                                    <th>Quantité Chargée</th>
                                    <th>Quantité Dechargée</th>
                                    <th class="hidden-sm-down">Prix/litre</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> </td>
                                    <td>{{ $approvisionnement ->type_carburant  }}</td>
                                    <td>{{ $approvisionnement ->quantite_charger  }}</td>
                                    <td class="hidden-sm-down">{{ $approvisionnement ->quantite_decharger  }}</td>
                                    <td class="hidden-sm-down">{{ $approvisionnement ->prix_unitaire  }}</td>
                                    <td class="hidden-sm-down">{{ $pt  }}</td>
                                   
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="body">
                 <div class="row">
                    <div class="col-md-4">
                        <strong>Commentaire changement et convoi</strong>
                        <p>{{ $approvisionnement ->description_chargement  }}</p>
                    </div>
                    <div class="col-md-4">
                        <strong>Commentaire lors de la réception</strong>
                        <p>{{ $approvisionnement ->description_dechargement  }}</p>
                    </div>
                    <div class="col-md-4 text-right">
                        <ul class="list-unstyled">
                            <li><strong>Sous-Total : </strong> {{ $pt  }}</li>
                            <li class="text-danger"><strong>TVA (18%):</strong> -</li>
                        </ul>                                    
                        <h3 class="mb-0 text-success">{{ $pt  }} FBU</h3>
                         <a href="/approvisionnement_carburant" class="btn btn-primary">Retour</a>
                        <a href="javascript:void(0);" class="btn btn-info"><i class="zmdi zmdi-print"></i></a>
                        
        @if($approvisionnement -> status_appro == 1)
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$approvisionnement->id_appro_carburant}}"> Edit </a>            
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalReceptionner{{$approvisionnement->id_appro_carburant}}"> Receptionner </a>
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalAnnulerApp{{$approvisionnement->id_appro_carburant}}"> Annuler </a>
        @elseif($approvisionnement -> status_appro == 2)   
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalCloturerApp{{$approvisionnement->id_appro_carburant}}"> Cloturer </a>
        @elseif($approvisionnement -> status_appro == 0)          
          <span class="badge badge-danger mr-2">Annulé</span></a>
        @elseif($approvisionnement -> status_appro == 3)
         
        @endif  <br>

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <strong>Nous disons ..................</strong>
                    </div>
                </div>

<div class="modal fade" id="ModalReceptionner{{$approvisionnement->id_appro_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Reception du carburant  </h4>
            </div>
        <form id="form_validation" method="POST" action="/receptionner_carburant/{{$approvisionnement->id_appro_carburant}}">
            <div class="modal-body">
                    {{ csrf_field() }}
                    <input type="hidden" name="qtecharger" value=" {{ $approvisionnement -> quantite_charger }} " >
                    <input type="hidden" name="id_type_carburant" value=" {{ $approvisionnement -> id_type_carburant }}">

                    <div class="form-group form-float">
                        <label for="role">Quantité Chargée</label>
                        <input type="text" readonly="true" name="qsxx" value=" {{ $approvisionnement -> type_carburant }} = {{ $approvisionnement -> quantite_charger }} litres" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité dechargée</label>
                        <input type="text" name="qtedecharger" value="" class="form-control" required="">
                    </div>

                     <div class="form-group form-float">
                        <label for="role">Date de reception</label>
                        <input type="date" name="datereception" value="" class="form-control" required="">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Description du dechargement</label>
                        <input type="text" name="desc" value="" class="form-control">
                    </div>

             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">Receptionner</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="ModalCloturerApp{{$approvisionnement->id_appro_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Cloturer la transaction {{$approvisionnement->id_appro_carburant}}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/cloturer_approvisionnement_carburant/{{$approvisionnement->id_appro_carburant}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous cloturer cette transaction ?</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="ModalAnnulerApp{{$approvisionnement->id_appro_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Annuler la transaction {{$approvisionnement->id_appro_carburant}}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/annuler_approvisionnement_carburant/{{$approvisionnement->id_appro_carburant}}">

            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous annuler cette transaction ?</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>
        </div>
    </div>
</div>
@stop