@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>

                    
                </ul>                        
              

    <div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                 <h2><strong>Liste des vehicules disponibles</strong></h2>

                 <div class="col-md-6">
                    <form method="POST" action="/details_transaction_carburant" class="form-wrapper">
                        @csrf
                        <input type="text" placeholder="Taper la plaque ici..." 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 class="header-dropdown">
                    <li><a href="/add_vehicule" class="btn btn-primary"> Ajouter un vehicule </a> 
                    </li>
                </ul>
            </div>
            <div class="body">
            @if(Session::has('message'))
                     <div class="alert alert-success">
                    <strong>{{Session::get('message')}}</strong>
                     </div>
                @endif
        <div class="table-responsive">
        <table class="table table-bordered table-striped table-hover ">
        <thead style="background-color: #5bc0de ">
        <tr>
            <th>Vehicule</th>
            <th>Marque</th>
            <th>Modele</th>
            <th>Proprietaire</th>
             <th>Carburant</th>
            <th>Action</th> 
        </tr>   
        </thead>
        
    @foreach($veh as $auto)
<tr>
    <td><strong><a href="/detail_vehicule/{{$auto->id_vehicule}}">{{ $auto -> num_immatriculation }}</a></strong><br>
    </td>    
    <td>{{ $auto -> marque }}</td>
    <td>{{ $auto -> modele }}</td>
    <td>{{ $auto -> name }}</td>
    <td>{{ $auto -> type_carburant }}</td>
 <td>
    <a href="#"> <button class="btn btn-primary"  data-toggle="modal" data-target="#ModalAservir{{$auto->id_vehicule}}">A servir </button></a>
 </td>
</tr> 


<div class="modal fade" id="ModalAservir{{$auto->id_vehicule}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">A servir le véhicule {{ $auto -> num_immatriculation }} - {{ $auto -> type_carburant }} - {{ $auto -> name }}</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_bon_a_servir/{{$auto->id_vehicule}}">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
<input type="hidden" value="{{ $auto -> id_vehicule }}" name="id_veh"  required>
<input type="hidden" value="{{ $auto -> carburant_id }}" name="id_carb"  required>

                    <div class="form-group form-float">
                        <label>Numéro du Bon à servir</label>
                        <input type="text" value="" 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="" 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="" 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="" 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="" name="datedu" placeholder="Date de la demande ici" class="form-control" >
                    </div>

                    <div class="form-group form-float">
                        <label>Quantité à servir (Quantité disponible={{ $auto -> quantite_disponible }})</label>
                        <input type="text" value="" name="qte" placeholder="Quantité a servir ici, Qté disponible={{ $auto -> quantite_disponible }}" class="form-control" required>
                    </div>

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

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








<!-- Modal delete -->
<div class="modal fade" id="ModalDelete{{$auto->id_vehicule}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel">Veuillez completer le Bon de Commande</h6>
            </div>
        <form id="form_validation" method="POST" action="/delete_vehicule/{{$auto->id_vehicule}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                   <div class="form-group form-float">                        
                        <h3>Voulez-vous supprimer ce véhicule ?</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">
                    {{ $veh->links() }}
                    </div>
 </div>

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



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


@stop