@extends('layouts.master')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                 <h2><strong>All vehicules</strong></h2>
                 <div>
                 <a href="/vehicules" class="btn btn-primary"> Tous Vehicules </a>
                 <a href="/vehiculess" class="btn btn-primary"> Vehicules reliés</a>
                 @foreach($cat_vehi as $cat) 
                 <a href="/vehicules/{{$cat->id_cat_vehi}}" class="btn btn-primary"> {{$cat->cat_vehi}} </a>
                 @endforeach
             </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 js-basic-example dataTable">
        <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($auto 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 }}</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>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>

 </div>
 </div>
 </div>
</div>
@stop