@extends('layouts.master')

@section('content')



			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper" style="background-color: #fff;">
                <!-- Content Header (Page header) -->
                <div class="container">
                  <div class="col-md-10" style="text-align: center margin-top:10px;">
            @if(session()->get('success'))
                  <div class="alert alert-success" style=" background: linear-gradient(to top, #60bf89, #d7f3e3, #60bf89); ">
                {{ session()->get('success') }}  
                      </div>
            @endif
          </div></div>
            
                <div class="container">
                  <div class="col-md-12">
              @if(session()->get('errorsrep'))
                  <div class="alert alert-danger">
                {{ session()->get('errorsrep') }}  
                      </div>
              @endif
              </div></div>
              
              <div>
                @if ($errors->any())
                <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                  </ul>
                </div><br />
              @endif</div>

                <div class="content-header">
                    <div class="container-fluid">
                      <div class="row mb-2">
                        <div class="col-sm-6">
                          <h1 class="m-0 text-dark">Liste des Vehicules Assure</h1>
                        </div><!-- /.col -->
                        <div class="col-sm-6">
                          <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item">
                                <a href="{{ url('/home') }}" style="color: black;">
                                <i class="fa fa-home fa-fw" aria-hidden="true" style="color:black;"></i> 
                                Accueil
                            </a>
                            </li>
                            <li class="breadcrumb-item active" style="color:#343a40;">Dossier</li>
                          </ol>
                        </div><!-- /.col -->
                      </div><!-- /.row -->
                    </div><!-- /.container-fluid -->
                  </div>

				<!-- Main content -->
				<section id="main" class="content">	
        <div class="row" style="float:right; margin-right:5px; margin-bottom:15px;">
        <a type="button" class="btn btn-primary"
              style="background:linear-gradient(to top,#1259ac,#42b3ee,#1259ac); 
                                color:#fff; margin-right:5px;" href="{{ url('vehicules/create') }}"> 
                                
              <i class="fas fa-car-side"></i> Ajouter Vehicule Assure
              </a>  
                                
            </div>
            <br>

        <table id="table" style="width: 100%;" class="table-responsive-sm">
  <thead>
    
    <tr>
      <th>Matricule</th>
      <th>Marque</th>
      <th>Type</th>
      <th>Numero Serie</th>
      <th>Puiss Fisc</th>
            <th>Energie</th>         
            <th>DMC</th>
            <th>Kilometrage</th>
            <th>Etat Generale</th>
            <th>Etat Pneus</th>
            <th>Immobilisation</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    @foreach ($vehicules as $vehicule)
    <tr>
      <td><strong>{{ $vehicule->matricule }}</strong></td>
      <td><strong>{{ $vehicule->marque }}</strong></td>
      <td><strong>{{ $vehicule->type }}</strong></td>
      <td><strong>{{ $vehicule->numeroSerie }}</strong></td>
      <td><strong>{{ $vehicule->puissangeFisc }}</strong></td>
      <td><strong>{{ $vehicule->energie }}</strong></td>
      <td><strong>{{ $vehicule->DMC }}</strong></td>
      <td><strong>{{ $vehicule->kilometrage }}</strong></td>
      <td><strong>{{ $vehicule->etatGenerale }}</strong></td>
      <td><strong>{{ $vehicule->etatPneus }}</strong></td>
      <td><strong>{{ $vehicule->immobilisation }}</strong></td>
      
      <td>
      <form action="{{ route('vehicules.destroy', $vehicule->id ) }}" method="post">
          @csrf
          @method('DELETE')
          <div style="text-align:center;">
          <a class="badge badge-light" href="{{route('vehicules.edit', $vehicule->id)}}" >
            <i class="fas fa-edit" style="color: #0bcb85; font-size:13px;"></i>
          </a>
          <button class="badge badge-light" style="font-size:13px; border-style:none; margin-right:5px; margin-left:5px;" type="submit"
          onclick="return confirm('Voulez-vous vraiment supprimer cette vehicule ??');">
            <i class="fas fa-trash-alt" style="color:red; font-size:13; border-style:none;"></i></button> 
            
          </div>
         
      </form>
       </td>
      
    </tr>
    @endforeach
  
   
  </tbody>
  <tfoot>
  <tr>
      <th>Matricule</th>
      <th>Marque</th>
      <th>Type</th>
      <th>Numero Serie</th>
      <th>Puiss Fisc</th>
            <th>Energie</th>         
            <th>DMC</th>
            <th>Kilometrage</th>
            <th>Etat Generale</th>
            <th>Etat Pneus</th>
            <th>Immobilisation</th>
      <th>Action</th>
    </tr>
  </tfoot>
</table>
       
    </section>
<!-- /.content -->
            </div>
            


<!-- Button trigger modal -->
  




@endsection