@extends('layouts.master')
 @section('content')
  
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            
            <div class="header">
                
                 <h2><strong>Tous les vehicules</strong></h2>
                 <a href="/vehicules" class="btn btn-primary"> Tous vehicules </a>
                 @foreach($cat_vehi as $cat) 
                 <a href="/vehicules/{{$cat->id_cat_vehi}}" class="btn btn-primary"> {{$cat->cat_vehi}} </a>
                 @endforeach
      
                <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>
     
 </td>
 
     
</tr> 


<!-- Modal view carte rose -->
<div class="modal fade" id="modalViewCarte{{ $auto->id_vehicule }}" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Carte Rose</h4>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal" aria-label="Close">Fermer</button>
            </div>
            <div class="modal-body"> 
              <div class="container-fluid" style="background-color: #C0C0C0">
     <div class="row">
     
<iframe src="{{ asset('uploads/cartes_roses/' . $auto->image) }}" width="730" height="600"></iframe>

</div>
               
            </div>
 <form action="/save_editauto_image/{{ $auto->id_vehicule }}" method="POST" enctype="multipart/form-data">
  {{ csrf_field() }}
          <div class="col-md-6">
                     <label for="image" >Modifier la carte rose</label>

                             <div class="custom-file">
                                <input type="file" name="image" class="form-control show-tick"  value="{{ old('image') }}" required accept="image/*,application/pdf">

                                @if ($errors->has('image'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('image') }}</strong>
                                    </span>
                                @endif 
                            </div>
                            <p>Format:  jpeg, jpg, png, pdf.</p>
                            <button class="btn btn-raised btn-primary waves-effect" type="submit">ENREGISTRER</button>
           </div>

                  
                    
      </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>

@endforeach                                               
</table>
 </div>
 </div>
 </div>
 </div>
</div>

@stop