@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 active" data-toggle="tab" href="#approvisionnement"> Approvisionnement en carburant </a></li>

                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#stockdisponible">Etat du Stock carburant</a></li>

                     <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#transporteurs">Transporteurs</a></li>

                      <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#fournisseurs">Fournisseurs</a></li>
                    
                </ul>                        
                <!-- Tab panes -->
                <div class="tab-content">




<div role="tabpanel" class="tab-pane active" id="approvisionnement">
    <div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
           <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalApprov">Approvisionnement </button></a>
            <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 js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
     <th>Vehicule</th>  
     <th>Fournisseur</th>
     <th>Type de carburant</th>
     <th>Qté Chargée</th>
     <th>Qté recue</th>
     <th>Chauufeur</th>
     <th>Téléphone Chauffeur</th>
     <th>nom du convoi</th>
       <th>Date de réception</th>
     <th>Status</th>
      <th>Action</th>
        </tr>   
        </thead>

@foreach($approvisionnement as $key=>$appro)
<tr>
    <td>{{++$key}}</td>
    <td><strong><a href="/view_detail_approvisionnement/{{$appro->id_appro_carburant}}">{{ $appro ->plaque_veh_transp  }}</a></strong><br>
    </td>    
    <td>{{ $appro -> nom_social_fournisseur  }}</td>
    <td>{{ $appro -> type_carburant }}</td>
    <td>{{ $appro -> quantite_charger }}</td>
    <td>{{ $appro -> quantite_decharger }}</td>
    <td>{{ $appro -> nom_chauffeur }}</td>
    <td>{{ $appro -> contact_chauffeur }}</td>
    <td>{{ $appro -> nom_convoi }}</td>
    <td>{{ $appro -> date_reception }}</td>

    <td> @if($appro -> status_appro == 0)
            Annulé
        @elseif($appro -> status_appro == 1)
            En cours
        @elseif($appro -> status_appro == 2)
            Réceptionné
        @elseif($appro -> status_appro == 3)
            Cloturé
        @endif </td> 
        <td>
        @if($appro -> status_appro == 1)
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$appro->id_appro_carburant}}"> Edit </a>            
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalReceptionner{{$appro->id_appro_carburant}}"> Receptionner </a>
            <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalAnnulerApp{{$appro->id_appro_carburant}}"> Annuler </a>
        @elseif($appro -> status_appro == 2)   
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalCloturerApp{{$appro->id_appro_carburant}}"> Cloturer </a>
        @elseif($appro -> status_appro == 0)          
          <span class="badge badge-danger mr-2">Annulé</span></a>
        @elseif($appro -> status_appro == 3)
          <span class="badge badge-success">Cloturé</span>
        @endif  
 
        </td>
</tr> 



<div class="modal fade" id="ModalReceptionner{{$appro->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/{{$appro->id_appro_carburant}}">
            <div class="modal-body">
                    {{ csrf_field() }}
                    <input type="hidden" name="qtecharger" value=" {{ $appro -> quantite_charger }} " >
                    <input type="hidden" name="id_type_carburant" value=" {{ $appro -> id_type_carburant }}">

                    <div class="form-group form-float">
                        <label for="role">Quantité Chargée</label>
                        <input type="text" readonly="true" name="qsxx" value=" {{ $appro -> type_carburant }} = {{ $appro -> 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{{$appro->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 {{$appro->id_appro_carburant}}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/cloturer_approvisionnement_carburant/{{$appro->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{{$appro->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 {{$appro->id_appro_carburant}}</h6>
            </div>
        
        <form id="form_validation" method="POST" action="/annuler_approvisionnement_carburant/{{$appro->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>









   @endforeach   
    </table>
     </div>
<!-- Modal ajout -->
<div class="modal fade" id="ModalApprov" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Nouvel approvisionnement</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_approvisionnement_carburant" class="was-validated" onsubmit="myButton.disabled = true; return true;">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label>Type du Carburant</label>
                        <select name="id_carburant" class="form-control show-tick ms select2" required data-placeholder="Selectionner le type du carburant">
                            <option disabled></option>
                            @foreach($type_carburant as $carb)
                            <option value="{{$carb->id_carburant}}">{{$carb->type_carburant}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">                        
                        <label>Fournisseur du Carburant</label>
                        <select name="id_fournisseur" class="form-control show-tick ms select2" required data-placeholder="Selectionner le fournisseur du carburant">
                            <option disabled></option>
                            @foreach($fournisseur as $fou)
                            <option value="{{$fou->id_fournisseur_carburant}}">{{$fou->nom_social_fournisseur}}</option>
                            @endforeach
                        </select>
                    </div>
                     <div class="form-group form-float">                        
                        <label>Plaque du vehicule transporteur</label>
                        <select name="id_transporteur" class="form-control show-tick ms select2" required data-placeholder="Selectionner le transporteur du carburant">
                            <option disabled></option>
                            @foreach($transporteur as $tra)
                            <option value="{{$tra->id_transporteur_carburant}}">{{$tra->plaque_veh_transp}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Quantité Chargement *</label>
                        <input type="text" name="qtechargement" placeholder="Quantité Chargée ici" class="form-control" required>
                    </div>
                    
                    <div class="form-group form-float">                        
                        <label>Prix Unitaire *</label>
                        <input type="text" name="pu" placeholder="Prix Unitaire ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Nom et prenom du chauffeur *</label>
                        <input type="text" name="chauffeur" placeholder="Nom et prénom du chauffeur ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">                        
                        <label>Contact du chauffeur *</label>
                        <input type="text" name="contact" placeholder="Contact du chauffeur ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Nom et prenom du convoi *</label>
                        <input type="text" name="convoi" placeholder="Nom et prénom du convoi ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">                        
                        <label>Piece de reference *</label>
                        <input type="text" name="reference" placeholder="Piece de reference ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Description *</label>
                        <input type="text" 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>
     </div>
     </div>
    </div>
</div>




<div role="tabpanel" class="tab-pane " id="transporteurs">
    <h3>Transporteur du carburant à l'ITRACOM</h3>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjout">Nouveau transporteur </button></a>
            <div class="body">
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
             @endif
            <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
      <th>Plaque véhicule</th>
      <th>Nom Social</th> 
      <th>Téléphone</th> 
      <th>E-mail</th>    
      <th>Adresse</th>    
      <th>Date debut du contrat</th>         
      <th>Description</th>
       <th>Etat</th>
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($transporteur as $key=>$p)     
    <tr>
       
       <td>{{++$key}}</td>
       <td>{{$p->plaque_veh_transp}}</td>
       <td>{{$p->nom_social_transporteur}}</td>       
       <td>{{$p->telephone_transporteur}}</td>
       <td>{{$p->email_transp}}</td>
       <td>{{$p->adresse_transp}}</td>
       <td>{{$p->date_debut_contrat}}</td>
       <td>{{$p->description}}</td>
        <td>@if($p->status_transp_carb == 1) actif @else inactif @endif</td>
        <td> 
             <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$p->id_transporteur_carburant}}"> Edit </a>
             <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$p->id_transporteur_carburant}}"> Delete </a>
        </td> 
    </tr> 

<div class="modal fade" id="ModalEdit{{$p->id_transporteur_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Edit stock</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_transporteur/{{$p->id_transporteur_carburant}}">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                     <div class="form-group form-float">
                        <label>Plaque du vehicule</label>
                        <input type="text" value="{{$p->plaque_veh_transp}}" name="vehicule" placeholder="Plaque du véhicule ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Nom Social du transporteur</label>
                        <input type="text" value="{{$p->nom_social_transporteur}}" name="nom" placeholder="Nom social du transporteur ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Téléphone</label>
                        <input type="text" value="{{$p->telephone_transporteur}}" name="tel" placeholder="Téléphone du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>E-mail du trasnporteur</label>
                        <input type="text" value="{{$p->email_transp}}" name="email" placeholder="E-mail du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Adresse du transporteur</label>
                        <input type="text" value="{{$p->adresse_transp}}" name="adresse" placeholder="Adresse du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Date debut contrat</label>
                        <input type="date" value="{{$p->date_debut_contrat}}" name="date_contrat"  class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" value="{{$p->description}}" name="description" placeholder="Description ici" class="form-control" required>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Edit</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="ModalDelete{{$p->id_transporteur_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Suppression</h4>
            </div>
        <form id="form_validation" method="POST" action="/delete_transporteur/{{$p->id_transporteur_carburant}}">
            <div class="modal-body"> 
                <p>Voullez vous supprimer le transporteur?</p>
 
                    {{ csrf_field() }}
                    
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Delete</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>


      @endforeach                                            
    </table>
     </div>
     </div>
     </div>
     </div>
    </div>
       
<!-- Modal ajout -->
<div class="modal fade" id="ModalAjout" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Nouveau transporteur</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_transporteur">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Plaque du vehicule</label>
                        <input type="text" name="vehicule" placeholder="Plaque du véhicule ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Nom Social du transporteur</label>
                        <input type="text" name="nom" placeholder="Nom social du transporteur ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Téléphone</label>
                        <input type="text" name="tel" placeholder="Téléphone du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>E-mail du trasnporteur</label>
                        <input type="text" name="email" placeholder="E-mail du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Adresse du transporteur</label>
                        <input type="text" name="adresse" placeholder="Adresse du transporteur ici" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Date debut contrat</label>
                        <input type="date" name="date_contrat"  class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" name="description" placeholder="Description ici" class="form-control" required>
                    </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>


<div role="tabpanel" class="tab-pane " id="fournisseurs">
  <h3>Fournisseurs du carburant</h3>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjoutFour">Nouveau fournisseur </button></a>
            <div class="body">
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
             @endif
            <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
      <th>Fournisseur</th>
      <th>Code</th>  
      <th>Telephone</th>
      <th>Email</th> 
      <th>Adresse</th>                 
      <th>Description</th>
       <th>Etat</th>
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($fournisseur as $key=>$p)     
    <tr>
       
       <td>{{++$key}}</td>
       <td>{{$p->nom_social_fournisseur}}</td>
       <td>{{$p->code_fourn_carb}}</td>       
       <td>{{$p->telephone_fourn_carb}}</td>
       <td>{{$p->email_fourn}}</td>
       <td>{{$p->adresse_fourn}}</td>
       <td>{{$p->description}}</td>   
        <td>@if($p->status_fourn_carb == 1) actif @else inactif @endif</td>
        <td> 
             <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$p->id_fournisseur_carburant}}"> Edit </a>
             <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$p->id_fournisseur_carburant}}"> Delete </a>
        </td> 
    </tr> 

<div class="modal fade" id="ModalEdit{{$p->id_fournisseur_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Edit Fournisseur</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_fournisseur/{{$p->id_fournisseur_carburant}}">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Nom Social Fournisseur</label>
                        <input type="text" value="{{$p->nom_social_fournisseur}}" name="nom" placeholder="Nom social ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Téléphone</label>
                        <input type="text" value="{{$p->telephone_fourn_carb}}" name="tel" placeholder="Telephone ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">
                        <label>E-mail</label>
                        <input type="text" value="{{$p->email_fourn}}" name="email" placeholder="E-mail ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Adresse</label>
                        <input type="text" value="{{$p->adresse_fourn}}" name="adresse" placeholder="Adresse ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" value="{{$p->description}}" name="description" placeholder="Description ici" class="form-control" required>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Edit</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="ModalDelete{{$p->id_fournisseur_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Suppression</h4>
            </div>
        <form id="form_validation" method="POST" action="/delete_fournisseur/{{$p->id_fournisseur_carburant}}">
            <div class="modal-body"> 
                <p>Voullez vous supprimer le fournisseur?</p>
 
                    {{ csrf_field() }}
                    
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Delete</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>


      @endforeach                                            
    </table>
     </div>
     </div>
     </div>
     </div>
    </div>
       
<!-- Modal ajout -->
<div class="modal fade" id="ModalAjoutFour" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Nouveau Fournisseur</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_fournisseur_carburant">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Non Social du Fournisseur</label>
                        <input type="text" name="nom" placeholder="Nom social ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Téléphone du fournisseur</label>
                        <input type="text" name="tel" placeholder="Téléphone fournisseur ici" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>E-mail du fournisseur</label>
                        <input type="text" name="email" placeholder="E-mail fournisseur ici" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Adresse du fournisseur</label>
                        <input type="text" name="adresse" placeholder="Adresse fournisseur ici" class="form-control" >
                    </div>

                     <div class="form-group form-float">
                        <label>Date Debut Contrat</label>
                        <input type="date" name="date_debut" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Date Fin Contrat</label>
                        <input type="date" name="date_fin" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" 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>


<div role="tabpanel" class="tab-pane" id="stockdisponible">
                       
<h3>Stock du carburant</h3>
@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="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalStockInitial">Stock Initial </button></a>
            <div class="body">
            <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de">
        <tr>
          <th>Type du carburant</th>
          <th>Quantité disponible</th>
          <th>Quantité reservée</th>
          <th>Stock Carburant</th>
          <th>PU</th>
          <th>Action</th>
        </tr>   
    </thead>
 @foreach($stock_carburant as $us)     
<tr>
    <td>{{$us->type_carburant}}</td>
    <td>{{$us->quantite_disponible }}</td>
    <td>{{$us->quantite_reserver}}</td>
    <td>{{$us->quantite_en_stock}}</td>
    <td>{{$us->cump}}</td>
    <td>        
        <a href='' class="btn btn-sm btn-info edit-brand" data-toggle="modal" data-target="#ModalEditInitStock{{$us->id_carburant}}"><span style="display:none;"></span><i class="zmdi zmdi-edit"></i></a> 

        <a href='' class="icon col-sm-4 col-xs-6" data-toggle="modal" data-target="#ModalDetails{{$us->id_carburant}}" ><i class="zmdi zmdi-hc-fw"></i> <span></span></a> 

        <a href='' class="btn btn-sm btn-info edit-brand" data-toggle="modal" data-target="#ModalApprov{{$us->id_carburant}}"><span > Approvisionner</span><i></i></a>   
    </td> 
</tr> 


<div class="modal fade" id="ModalDetails{{$us->id_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Details: {{$us->type_carburant}} </h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_type_carburant/{{$us->id_carburant}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label for="role">Type Carburant</label>
                        <input type="text" name="qs" value="{{$us->type_carburant}}" class="form-control">
                    </div>


                    <div class="form-group form-float">
                        <label for="role">Quantité en Stock</label>
                        <input type="text" name="qs" value="{{$us->quantite_en_stock}}" class="form-control">
                    </div>

                     <div class="form-group form-float">
                        <label for="role">Quantité Disponible</label>
                        <input type="text" name="qs" value="{{$us->quantite_disponible}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Prix Unitaire</label>
                        <input type="text" name="pu" value="{{$us->cump}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité Reservée</label>
                        <input type="text" name="qs" value="{{$us->quantite_reserver}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité consommée</label>
                        <input type="text" name="qs" value="{{$us->quantite_consommer}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité Perdue</label>
                        <input type="text" name="qs" value="{{$us->quantite_perdu}}" class="form-control">
                    </div>
             </div>
        </form>
        </div>
    </div>
</div>



<div class="modal fade" id="ModalApprov{{$us->id_carburant}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Nouvel approvisionnement: {{$us->type_carburant}} </h4>
            </div>
       <form id="form_validation" method="POST" action="/save_approvisionnement_carburant" class="was-validated" onsubmit="myButton.disabled = true; return true;">
            <div class="modal-body"> 
                    {{ csrf_field() }}

        <input type="hidden" name="id_carburant" value="{{$us->id_carburant}}" class="form-control" required>
                   
                    <div class="form-group form-float">                        
                        <label>Fournisseur du Carburant</label>
                        <select name="id_fournisseur" class="form-control show-tick ms select2" required data-placeholder="Selectionner le fournisseur du carburant">
                            <option disabled></option>
                            @foreach($fournisseur as $fou)
                            <option value="{{$fou->id_fournisseur_carburant}}">{{$fou->nom_social_fournisseur}}</option>
                            @endforeach
                        </select>
                    </div>
                     <div class="form-group form-float">                        
                        <label>Plaque du vehicule transporteur</label>
                        <select name="id_transporteur" class="form-control show-tick ms select2" required data-placeholder="Selectionner le transporteur du carburant">
                            <option disabled></option>
                            @foreach($transporteur as $tra)
                            <option value="{{$tra->id_transporteur_carburant}}">{{$tra->plaque_veh_transp}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Quantité Chargement *</label>
                        <input type="text" name="qtechargement" placeholder="Quantité Chargée ici" class="form-control" required>
                    </div>
                    
                    <div class="form-group form-float">                        
                        <label>Prix Unitaire *</label>
                        <input type="text" name="pu" placeholder="Prix Unitaire ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Nom et prenom du chauffeur *</label>
                        <input type="text" name="chauffeur" placeholder="Nom et prénom du chauffeur ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">                        
                        <label>Contact du chauffeur *</label>
                        <input type="text" name="contact" placeholder="Contact du chauffeur ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Nom et prenom du convoi *</label>
                        <input type="text" name="convoi" placeholder="Nom et prénom du convoi ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">                        
                        <label>Piece de reference *</label>
                        <input type="text" name="reference" placeholder="Piece de reference ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">                        
                        <label>Description *</label>
                        <input type="text" 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="ModalEditInitStock{{$us->id_carburant}}" 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 stock initial: {{$us->type_carburant}} </h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_type_carburant/{{$us->id_carburant}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label for="role">Quantité Initiale</label>
                        <input type="text" name="qs" value="{{$us->quantite_en_stock}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Prix Unitaire</label>
                        <input type="text" name="pu" value="{{$us->cump}}" class="form-control">
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary 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> 
  @endforeach                                            
</table>
 </div>
 </div>
 </div>
 </div>
</div>
<!-- Modal ajout -->
<div class="modal fade" id="ModalStockInitial" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Initialiser le stock</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_stock_carburant" class="was-validated" onsubmit="myButton.disabled = true; return true;">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label>Type du Carburant</label>
                        <select name="id_carburant" class="form-control show-tick ms select2" required data-placeholder="Selectionner le type du carburant">
                            <option disabled></option>
                            @foreach($type_carburant as $carb)
                            <option value="{{$carb->id_carburant}}">{{$carb->type_carburant}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">                        
                        <label>Quantité initial *</label>
                        <input type="text" name="qi" placeholder="Quantité Initiale ici" class="form-control" required>
                    </div>
                    
                    <div class="form-group form-float">                        
                        <label>Prix Unitaire *</label>
                        <input type="text" name="pu" placeholder="Prix Unitaire ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Initialiser le</label>
                        <input type="date" value="" name="datedu" placeholder="Date de la demande ici" required="" 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>


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


@stop