@extends('layouts.master')
@section('content')
<h3>Liste des Chauffeurs (poids lourds)</h3>
@if(Session::has('message'))       
<p class="alert alert-success" align="center"> {{Session::get('message')}}</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="#ModalAjout">Nouveau Chaufeur </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>Nom et Prenom</th>
                  <th>Matricule</th>
                  <th>CNI/Passport</th>
                  <th>Num Permis</th>
                  <th>Telephone</th>
                  <th>Action</th>
                    </tr>   
                    </thead>
             @foreach($chauffeurs as $ch)     
            <tr>
                <td>{{$ch->name}}</td>
                <td>{{$ch->matricule}}</td>
                <td>{{$ch->cni_passport}}</td>
                <td>{{$ch->num_permis}}</td>
                <td>{{$ch->telephone}}</td>
                <td> 
                    <a href="#" class="btn btn-info"  data-toggle="modal" data-target="#ModalEdit{{$ch->id_chauff}}"> Modifier</a>
                    <a href="/transfer_info/{{$ch->id}}" class="btn btn-primary"  > Transfer</a>
                </td> 
            </tr>  

            <!-- Modal ajout -->
                <div class="modal fade" id="ModalEdit{{$ch->id_chauff}}" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="title" id="defaultModalLabel">Modifier</h4>
                            </div>
                        <form id="form_validation" method="POST" action="/edit_chauffeur/{{$ch->id_chauff}}">
                            <div class="modal-body"> 
                                    {{ csrf_field() }}

                                    <div class="form-group form-float">                        
                                        <label>Matricule</label>
                                        <input type="text" name="matricule" placeholder="Matricule ici" class="form-control" value="{{$ch->matricule}}" required>
                                    </div>
                                    <div class="form-group form-float">                        
                                        <label>Numero Permis</label>
                                        <input type="text" name="num_permis" placeholder="Numero permis ici" class="form-control" required value="{{$ch->num_permis}}">
                                    </div>
                                    <div class="form-group form-float">                        
                                        <label>CNI/PASSPORT</label>
                                        <input type="text" name="cni" placeholder="CNI ou Passport" class="form-control" required value="{{$ch->cni_passport}}">
                                    </div>
                                    
                                    <div class="form-group form-float">                        
                                        <label>Telephone</label>
                                        <input type="text" name="telephone" placeholder="Telephone ici" class="form-control" required value="{{$ch->telephone}}">
                                    </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>
              @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">Ajouter un chauffeur</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_chauffeur">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label>Chauffeur</label>
                        <select name="id_user" class="form-control show-tick ms select2" required data-placeholder="Selectionner le chauffeur">
                            <option disabled></option>
                            @foreach($users as $user)
                            <option value="{{$user->id}}">{{$user->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">                        
                        <label>Matricule</label>
                        <input type="text" name="matricule" placeholder="Matricule ici" class="form-control">
                    </div>
                    <div class="form-group form-float">                        
                        <label>Numero Permis</label>
                        <input type="text" name="num_permis" placeholder="Numero permis ici" class="form-control">
                    </div>
                    <div class="form-group form-float">                        
                        <label>CNI/PASSPORT</label>
                        <input type="text" name="cni" placeholder="CNI ou Passport" class="form-control">
                    </div>
                    <div class="form-group form-float">                        
                        <label>Telephone</label>
                        <input type="text" name="telephone" placeholder="Telephone 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>
@endsection

@section('page-script')

@stop